Center image on homepage & reduce padding

[quiztrail]

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?

www.quiztrail.co.uk

Thank you in advance. 

[Nick_Marketing · Accepted solution]

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:

 

[quiztrail]

@Nick_Marketing Perfect - thank you for your quick help.

[Nick_Marketing]

@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.