How can i change the bottom padding of the password header on my password page dawn theme

Solved

How can i change the bottom padding of the password header on my password page dawn theme

DD2024
Tourist
13 0 1

Hi,

I am trying to match the top/bottom padding of my password header on my password page. See the screenshot below. Any help would be great!

 

Thanks in advance.

 

Screen Shot 2024-12-16 at 7.45.31 pm.png

 

Accepted Solution (1)
websensepro
Shopify Partner
1852 215 260

This is an accepted solution.

@DD2024 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

 

.password-header{
  gap: 0 !important;
}

 

Result:

 

websensepro_0-1734343916532.png

 

 

 

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

If you are happy with my help, you can help me buy a COFFEE

Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

View solution in original post

Replies 4 (4)

websensepro
Shopify Partner
1852 215 260

  Hi @DD2024  , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
DD2024
Tourist
13 0 1

Hi websensepro,

 

url is www.moralinstinct.com and password is udrats

 

Thankyou!

websensepro
Shopify Partner
1852 215 260

This is an accepted solution.

@DD2024 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

 

.password-header{
  gap: 0 !important;
}

 

Result:

 

websensepro_0-1734343916532.png

 

 

 

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

If you are happy with my help, you can help me buy a COFFEE

Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

Sohel-Digital
Shopify Partner
27 1 1

Hello DD2024,

 

Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS and add this CSS code:

 

.password-header {
    gap: 0 !important;
}

 

Best regards.

- Got solution? You can support me by Buy me a Coffee
- If you need an expert Shopify developer then feel free to Whatsapp me
- Create Custom Shopify Pages Using Drag & Drop Builder: Pagefly