How can I add space between sections on my website?

Store Design
1

Hello, can someone help me please adding space between my second featured collection and the media grid, looks too close to the action button and doesn’t look good. my website is elliotkohn.co.il TIA!

1 Like
2

@Ady2

Hello,

Please add the below code above in theme.liquid

online store >> edit code >> theme.liquid

.section-stack { padding: 15px 0; }

after added the given code store looks like this.

shreyhweb_0-1689497632753.png
shreyhweb_0-1689497632753.png1898×558 26.7 KB

If our solution is helpful for you then Please like the post and tap on accepted.

If you want to discuss any further information about it then please contact us on our whatsapp for fast communication or you can also contact by Email.

We will always here for your help and give you perfect solutions.

Thankyou :slightly_smiling_face:

3

Hi @Ady2 ,

I just like to confirm if this one your talking about, the 2nd featured collection and the media grid.

Ribe_Dagandara_0-1689505836474.png
Ribe_Dagandara_0-1689505836474.png1290×426 94.5 KB

If its this one. Try this.

.featured-collections-carousel__item.is-selected {
    padding-bottom: 40px;
}

Result:

Ribe_Dagandara_1-1689505873687.png
Ribe_Dagandara_1-1689505873687.png1287×413 62.3 KB

I hope it help.

1 Like
4

Where do i put the Code?

1 Like
5

@Ady2

this solution is not helpful?

6

Oh, Sorry i forgot to insert the instruction.

Check this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
1 Like
7

You are great as always!!! Thank you very much!

1 Like