Adding space between my section on my homepage ( Prestige Theme)

[Kaftandreams]

Hi,

I would like to add some space between the sections on my homepage

[Syed_Mustafa]

Hi yes, let me help you kindly do mail me with further details. Thanks and Best Regards

[dmwwebartisan]

@Kaftandreams

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[Kaftandreams]

Thank you for your answer

Here is my website and I would like to add a space between the two first section in the homepage , as you can see they are attached to each other with is not very pleasant .

Hope you can help me

Thank you

www.kaftandreams.com

[dmwwebartisan]

@Kaftandreams

I understand but for the confirmation, Can you please provide a screenshot where you want a gap ?

It will be helpful.

Thanks!

[Kaftandreams]

Thank you !
I would need a space between those two sections …

[dmwwebartisan]

@Kaftandreams

Just for your confirmation. Do you want space between these 2 sections? check the screenshot below.

[Kaftandreams]

Yes absolutely

[dmwwebartisan]

@Kaftandreams

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.FlexboxIeFix{
margin-bottom:50px;
}

You can adjust margin as per your need,

Hope this helps.

Thanks!

[Kaftandreams]

Fantastic !!!
Thank you SO much

[dmwwebartisan]

@Kaftandreams

Please Accept as solution so others can take benefit.

Thanks!

[KB909]

Hello,

this is a fantastic solution, exactly what I was looking for too.

Only if I paste the code the “spacer” appaers at the bottom of my homepage. How can I influence the position?

Thank you!

Katrin

[KB909]

Hello @dmwwebartisan ,

this is a fantastic solution, exactly what I was looking for too.

Only if I paste the code the “spacer” appaers at the bottom of my homepage. How can I influence the position?

Thank you!

Katrin

[dmwwebartisan]

@KB909

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[KB909]

Thank you @dmwwebartisan

The page is https://wearepari.com

I am currently using a workaround with Hypervisual for the below indicated spacer, and would love to build this within the code.

[KB909]

@dmwwebartisan Would love your feedback, thank you!!

[dmwwebartisan]

@KB909

Could you please explain more?

Where or on which section you need space?

[KB909]

Hello @dmwwebartisan

Thank you for your answer. As indicated on the screenshot I would love to have two “section dividers” / space, one above and one below the collection overview.

Right now I inserted a hypervisual page with a white divider, however, I would like to remove hypervisual longterm.

When using the piece of code you mentioned in this thread it adds a relatively thick space at the bottom (see below).

I would appreciate your feedback very much! Thank you

[dmwwebartisan]

@KB909

Thanks for the explanation. Just to confirm. Do you want this?

let me know.

[KB909]

@dmwwebartisan

In your screenshot the space between the collection images is gone, which I do not want.

Visually, I don not want to change anything from what it looks right now, however, right now I have the spaces built with hypervisual and not the code. So I would love to remove hypervisual and add the spaces with the code? Sorry for any misunderstanding and thank you for your help.

In the below screenshot I did remove hyper visual. How can I add the space between the grey area and the collection overview?