Hi!
I am trying to eliminate the white space below my image banner, above my custom liquid section. (I added some code to make the header transparent and move the image banner upwards, but I don’t believe this is creating the white space, I think it’s just the default spacing for different sections, and I only want to eliminate it for this space.)
https://vvii3rltrg38smv4-42777936028.shopifypreview.com
WWNasr
November 27, 2021, 7:03pm
2
your store very nice good luck witch theme do you used
The next section under the banner is a spaced-section with an top margin first check it for an option do decrease whitespace.
If no setting add the following CSS as either a custom-html or custom-liquid section/block to the theme settings.
Advanced: Or copy the css out of the tag and put in a relevant CSS file, or other.
If you need it installed or tweaked contact me at paull.newton+shopifyforums@gmail.com with topic url, store url, theme name and issue details.
Goodluck.
Example result:
@PaulNewton
Worked like a charm thank you so much.
Thank you. Your solution helped me as well. Could you share the code to remove the excess white space under the custom liquid.
Thanks! I use Dawn! Sorry for the late reply
At the top of the custom liquid I use this!
:is(.spaced-section) { margin-top:0!important } @media screen and (min-width: 750px) { :is(.spaced-section) { margin-top:0!important }}