Adding a space in-between product title and collection image

Store Design
, ,
1

As you can see below, on Dior’s website, there is padding between the image and the title of the product, on my website, there is no padding between my collection image and the title.

https://lobonewyork.com/collections/hoodies-and-sweatshirts

https://www.dior.com/en_us/fashion/mens-fashion/ready-to-wear/knitwear-sweatshirts

gihan7575_1-1673418343255.png
gihan7575_1-1673418343255.png568×695 377 KB

gihan7575_0-1673418192699.png
gihan7575_0-1673418192699.png657×726 209 KB

2

Hallo @gihan7575

send your url

3

Hi @gihan7575 ,

Glad to support you to day.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1673418722542.png
GemPages_0-1673418722542.png400×162 25.3 KB

  1. add my code above the tag on Theme.liquid:

*Note: you can replace the number **10** with another number you want to increase space.

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.
1 Like
4

Hallo @gihan7575

You can add code by following these steps to change collection and product pages background color:

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file

  3. Paste the below code before

5

Exactly what I wanted, thanks GemPages.

6

Your kind words have just made my day :grin: .