How to remove white bar above Collapsible Content section?

[kimi1]

Hello, 

There's a white bar above my Collapsible Content section but just below my header. This isn't the case on any of my other pages, wondering if I can remove it. Padding is set to 0 so I don't think it's that

https://69d88d-2.myshopify.com/pages/events password "etrawn", using theme Taste

Thank you

[topnewyork]

Hi @kimi1 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
@media screen and (min-width: 750px) {
    .page-width {
        padding: 7px 5rem !important;
        margin-top: -1rem !important;
    }
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[oscprofessional · Accepted solution]

Hi @kimi1 ,

Go to Online Store > Themes > Actions > Edit Code > base.css

Add below code at the bottom of  base.css  file

body .caption-with-letter-spacing {
    margin-top: 0;
}

[DaisyVo]

Hi @kimi1 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

main#MainContent {
    margin-top: -10px !important;
}

Here is the result: 

I hope this helps

Best,

Daisy