Hi i'm currently having an issue with theme css code where i had looked up a solution on the discussion forms that would remove the white border between the content on my page and the header. I ended up finding the solution with this bit of code that i placed in the bottom of my theme.scss.liquid
.main-content {
padding-top: 0px;
}
However I was under the impression that this would just effect my home page but it actually changed every page. This is not quite the effect i was after and has made everything quite squished on my other pages. I was wondering if instead of .main-content there was a homepage element where i could just edit that.
For reference my store is vintagecapital.shop
Thanks.
Solved! Go to the solution
Hello VintageCapital,
Please share your site url.
This is an accepted solution.
Hello VintageCapital,
Replace that code which is
.main-content { padding-top: 0px; }
with this code
.template-index .main-content { padding-top: 0px; }
Now only your home page having applied changes.
Hello alejandralog,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
.template-index .main-content {
padding-top: 0px !important;
}
#shopify-section-16081312039445e297 {
padding-top: 0px !important;
}
User | Count |
---|---|
736 | |
142 | |
104 | |
64 | |
37 |