Extra white space between certain sections on homepage (Highlight theme)

Store Design
1

I needed to add a button below an “Image with text slider” section on my website. The only way I could figure out how to do that was to add a new “Rich text” section as a button, but that resulted in excessive white space between the two (red arrow below). How do I get rid of that extra space?

Alternatively, how can I add the button within the “Image with text slider” section so it sticks together?

https://summerset.co/

excess space.png
excess space.png1466×1208 120 KB

1 Like
2

Hello @luxfactory

  • Go to Online Store → Theme → Edit code.
  • Find the file assets/theme.css and paste the code below at the bottom of the file.
div#shopify-section-template--16192934805635__images_with_text_slider_nGULgq {
margin-bottom: 0;
}

devcoders_0-1728838742857.png
devcoders_0-1728838742857.png1349×598 198 KB

3

Perfect!! Thanks so much @devcoders that was incredibly helpful.

1 Like
4

Hello @luxfactory

You’re very welcome! I’m thrilled to hear that you’re pleased with the outcome. Don’t hesitate to reach out if you need further assistance.