The issue is here you tag #your-request is not closed properly.
Solution 1 :
Problem :
Store link: mekarwangi.myshopify.com
Password: vaipre
I’m using the Impulse theme on Shopify. My aim is to put some space between the div and other elements on the page. I have 2 main issues. The first is:
I added a div in my product-template.liquid file, the html is:
<div id = "replies"> Typically replies within 2-3 days! </div>
The css in the theme.css.liquid file is:
#replies{
margin-top: 15px;
margin-bottom: 10px;
}
For some reason, the css isn’t being applied to the div today, even though it was yesterday. This is super weird as it should be extremely simple and straightforward.
My second issue is the same, css isn’t being applied to html in the same file.
html:
<div class="product-single__description rte" id = "productdescription">
{{ product.description }}
</div>
css:
@media screen and (max-width: 768px) {
#productdescription{
text-align: center;
}
}
Both these methods worked yesterday but for some reason don’t work today. Any insight would be highly appreciated.
Comments
Comment posted by Sourcerer
Have you checked inside the navigator (F12) which attributes are applied?
Comment posted by thenoobcoder
I’m pretty new to coding and started with Shopify..so far all the changes to css have been made in the theme.css.liquid file and html changes in their respective sections. I’m not too sure what you’re referring to when you say navigator. Would you mind clarifying? Thank you!
Comment posted by Sourcerer
I mean checking with Chrome or your favorite. Press F12, select the “Select element” icon in left side, and then check the styles/computed in the right side
Comment posted by thenoobcoder
It gives me links to various css files, so I’m not 100% sure which one you’re talking about, but it doesn’t show the css properties I linked to it
Comment posted by developers.google.com/web/tools/chrome-devtools/css
Taka a look
Comment posted by thenoobcoder
Thank you for answering! May I ask how did you get access to my css file? How do I do it from Chrome? Thank you!
Comment posted by prnt.sc/x53dmm]
once you navigate to the page you can see the source code of the page using
Comment posted by prnt.sc/x53g02]
where you can list the HTML code and links of JS and CSS files.[
Comment posted by prnt.sc/x53i3s]
once you click over the link it opens the CSS code. [
Comment posted by thenoobcoder
any idea why it comes messily (as one big paragraph) instead of proper lines for the css when I try it for goceb.com?