How can I eliminate extra white space on my homepage?

Store Design
, , ,
1

Hi guys!

can anybody tell me why there is so much botoom padding in this section, even though I’ve set it to 0px? Does anyone know a solution?

sophiaemli_0-1697269050087.png
sophiaemli_0-1697269050087.png1600×297 13.3 KB

sophiaemli_2-1697269167187.png

Thank in advance for any replies! :slightly_smiling_face:

2

Hey @sophiaemli

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

3

Hi,

Can you share your store url

4

Hi!

my store url is: https://pinkpowerstudio.com/

I just deleted the whole section and added it again, which removed the extra bottom padding, however there is still this white space in between the sections which I can’t control, it’s just there somehow, if you know where I can adjust that, that would be really cool! :slightly_smiling_face:

sophiaemli_0-1697271282266.png
sophiaemli_0-1697271282266.png1240×212 10.5 KB

5

Hey @sophiaemli

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


**RESULT:**

![Moeed_0-1697271769589.png|1894x886](upload://h3uHjHADYjRW6D1MASOngYuGji2.jpeg)

If I managed to help you then, don't forget to **Like it** and **Mark it as Solution!**

Best Regards,
Moeed
1 Like
6

Thank you!! It worked :slightly_smiling_face:

7

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

8

Hi @sophiaemli

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.section {
    margin-top: 0px !important;
}
#Slider-template--19819806622027__featured_collection {
    margin-bottom: 0px !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly