Hi!
I am trying to adjust the margin-bottom space in the Featured collection section of the prestige theme. I can find it in the ‘inspect’ format, but not the html code. It is currently at 80px and I want to change it to 60px. I’ve been able to find and adjust other sections but for some reason this one is tricky.
Thank you in advance!
Hey @BinkyLulu ,
Please share your website URL. I will check and provide a solution here.
Thanks!
You stated you already changed this on some other sections, did you do this through the code editor (online store > actions > edit code)?
You should be able to find that css code that ends in .ProductListt—grid[data-desktop-count=”3”] > .Grid__Cell in one of the css / sass files and change it there.
If not, you could always copy that css class and give it the 60px margin with important to override the theme settings, though not exactly the ideal situation
.ProductList–grid[data-desktop-count=”3”] > .Grid__Cell {
margin-bottom: 60px !important;
}
binkyandlulu.com and the PW is Mangowood. Thank you!
Where would I put that code? I tried it at the end of the theme.scss.liquid and there was an error- same with the featured-collections.liquid section and error again :(. I was able to change other sections because I was able to locate the margin and padding for the specific areas, but I cannot find the right area of code for this.
Hmm, either of those should work, not sure what the error would be.
If you are comfortable adding me to the store as a contributor I’d be happy to take a look, it should be a quick fix once I see the code.
my email is
maxjdempsey@gmail.com
Solved it! Thank you though!