Thanks for the explanation again.
You can add the following code at the bottom of your assets/theme.scss.liquid file to give space above your collection list.
div#shopify-section-collection-list {
margin-top: 30px;
}
Hope this works.
Thanks!
2 Likes
@dmwwebartisan Perfect, you are a star, thank you so much!
One last question: In case I want to add another space above the footer, I assume I copy and adjust the code, right?
Thank you so much!!
1 Like
No, for the space above the footer. You can add the following code.
footer#section-footer {
margin-top: 20px;
}
We have to take section elements in CSS to do so. Hope this works.
Thanks!
1 Like
@dmwwebartisan thank you so much for your help!!
1 Like
It’s my pleasure to help you !!
Hi could you please help me with adding margin to my page?
I have attached screenshots of my homepage. I would like to create space between the slideshow and the picture with text below. the pictures are touching and I would like a little bit of margin above and below the picture of the three girls that will separate the slideshow above from it and the collections below it. Thanks so much!
Please add the following code at the bottom of your assets/theme.css file.
@media screen and (min-width: 641px){
.FeatureText--withImage { margin-top: 30px; margin-bottom: 30px;}
}
Hope this works.
Thanks!
2 Likes
wow! thanks so much! it looks great. Can you send me a code for adding the space above the picture as well. I also need a margin / space above the picture and below my slideshow. Thanks again!
1 Like
Hi, just checking to see if you saw my response for the other code? thanks!
Please add the following code at the bottom of your assets/theme.css file.
.js .Slideshow--fullscreen { margin-bottom: 50px;}
Hope this works.
Thanks!
1 Like
hello @dmwwebartisan
May I ask you again for your help? We currently do have two collection lists on our homepage, the desktop version shows the grid, however, on mobile we would like to have a spacer between the collections.
I did add your piece of code but I assume since we have 2 collection lists now, I need to adjust this?
Thank you!
Katrin
1 Like
Please add the following code at the bottom of your assets/theme.css file.
div#shopify-section-1621417080045da5b1 {
margin-top: 15px;
}
Hope this works.
Thanks!
1 Like
THANK YOU SO MUCH 
@dmwwebartisan
1 Like
Hello,
Hoping for some help here too! Would like a space between the first parallax image and the section below on the home page. It’s prestige theme. My website is www.headsandtails.shop
Many thanks!
I can’t thank you enough for all your help. Can you help me with a code for space here? I will attach a picture and the url. @dmwwebartisan
hello i have used this code youve provided and it has worked thank you !! although it doesn’t work on mobile though is this another code i will need to input?
Hey, many thanks for this- super helpful!
Im just not sure where to add the code, i either find in asstes theme.ccs OR theme.liquid and nottheme.scss.liquid (see screenshot) just want to make sure I put it where it supposed to me, can you help me? Thanks a lot!
Please share your problem with me and also share your store URL!
I can help you!
Thanks!