Pop up design

Solved

Pop up design

socconnor
Excursionist
36 1 9

Hi all, 

 

Does anyone know how to make the 'X' / close button appear in white on the pop up in Dawn theme? I think it's currently black because it's not visible against the black background. Also, I was hoping the bottom part of the pop up could be extended so it's not cutting off the email box...

 

Url: gokink.com

 

socconnor_6-1726054325821.png

 

 

Thanks so much,

Steve

 

 

 

Accepted Solutions (2)
Rahul_dhiman
Shopify Partner
536 109 109

This is an accepted solution.

Thanks , please accept the solution.

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

View solution in original post

Rahul_dhiman
Shopify Partner
536 109 109

This is an accepted solution.

The code i sent you was for both close button and the email section.
i attached the screenshot also please check.

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

View solution in original post

Replies 7 (7)

Rahul_dhiman
Shopify Partner
536 109 109

Hello @socconnor 

Go to online store ----> themes ----> actions ----> edit code ----> assets ---->custom-subscriber-popup.css
add this code at the end of the file.

#customNewsletter__close {
    color: white;
}
.customNewsletter__container {
    height: 55vh !important 
}

 

 

result
8.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
socconnor
Excursionist
36 1 9

That worked. Thank you @Rahul_dhiman 

Rahul_dhiman
Shopify Partner
536 109 109

This is an accepted solution.

Thanks , please accept the solution.

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
Rahul_dhiman
Shopify Partner
536 109 109

I am glad that worked .
Would it be okay for you to Buy me a Coffee for my work .

 

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
socconnor
Excursionist
36 1 9

Sure, I just bought you a coffee for your help. 🙂 You don't by any chance know how to extend the black background a little bit below the 'email' section of the popup. It's cutting the box off a little. If that makes sense. I highlighted it in the above picture.

Rahul_dhiman
Shopify Partner
536 109 109

This is an accepted solution.

The code i sent you was for both close button and the email section.
i attached the screenshot also please check.

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
socconnor
Excursionist
36 1 9

My bad, I only noticed that now. I had to delete the cookie to see the new popup. Thanks again.