How to minimize this space

[rnogueira]

Please help me with minimizing the space between our logo and the email field on our password page, they are too far apart. please see below

Site is civillain.co

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @rnogueira 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.banner__content.banner__content--middle-center.page-width {
    padding-top: 0 !important;
}
.banner__content.banner__content--bottom-center.page-width {
    padding-bottom: 0 !important;
}
div#Banner-template--15841917108297__image_banner_8fRwJf {
    margin-bottom: -50px !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[rnogueira]

This worked when I put it in my base.css file. Thanks

[BSSCommerce-B2B]

@rnogueira ,Step 1: Go to Admin -> Online store -> Theme > Edit code:

Step 2:  Search for the file theme.liquid. And add this code before </head>

<style>
#Banner-template--15841917108297__main .banner__content {
    padding-top: 0;
}
#Banner-template--15841917108297__main .email-signup-banner__box.banner__box {
padding-top: 10px;
}
</style>

result:

[DaveedValencia]

add this code to your css and it will reduce the spacing.

.email-signup-banner .banner__content{
padding-top:0px!important;
}

[PageFly-Amelia]

Hi @rnogueira 

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

@media (max-width: 767px){
.email-signup-banner__box.banner__box.newsletter.newsletter__wrapper.isolate.email-signup-banner__box--no-image.content-container.color-scheme-1.gradient.content-container--full-width-mobile {

    padding-top: 0;!;

}

}

Hope that my solution works for you.

Best regards,

Amelia | PageFly