Please help me remove top and bottom spacing on some items / sections

4 0 3

Please could you help me with removing or reducing the top and bottom spacing between the custom items and the rich text items.

At the moment, there is

  • too much spacing above and below the Welcome to messsage on the dark purple background,
  • too much spacing above and below the "Welcome" text with image,
  • too much space above and below the collection lists
  • too much space above and below the "Haberdashery" item
  • too much space - above/below about us / join the community, etc.
  • space above and below "what people are saying"

Please could you help me to remove this spacing,


  • Also is it possible please to make the announcement under the main menu, so that the dark purple goes full wide side to side?


Many thanks in advance for any help that you can offer me.


Looking forward to hearing from you


Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.template-index .index-section {
    padding-top: 10px;
    padding-bottom: 10px;
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: | Skype : oscprofessionals-87