Center image on homepage & reduce padding

Store Design
1

Hi there,

  • How do I center this image on my home page?

  • Also, can I reduce the padding between these sections to make them nearer?

Homepage.jpg
Homepage.jpg808×865 62.9 KB

www.quiztrail.co.uk

Thank you in advance.

2

Try adding this code to the bottom of theme.css

.custom__item.custom__item--image.custom__item--1644185964750d83ec-1 {
  margin-left: auto;
  margin-right: auto;
}

#shopify-section-1644185964750d83ec {
  padding-top: 10px;
  padding-bottom:10px;
}

#shopify-section-1644183169bfdbea96 {
  padding-top:0px
}
#shopify-section-1644184009d81c1f8b {
  padding-bottom:0px;
}

Result:

2022-02-06 17_45_03.png
2022-02-06 17_45_03.png1159×889 153 KB

1 Like
3

@Nick_Marketing Perfect - thank you for your quick help.

4

@quiztrail
You are welcome!

In case you are interested, feel free to subscribe to my YouTube channel where I upload Shopify tutorials twice a week. Link in signature.