Add a shadow effect or a neon effect to the entire text on the Password page (Brooklyn theme)

Solved
MxW
Tourist
8 0 0

Hello, I'd like to add shadow effect to to the entire text on the Password page. I'm using Brooklyn theme. Please share solutions to add a simple shadow effect to improve readability, and a neon effect. My page is: https://berserknewyork.com/password

Thanks!

0 Likes
HardikDavra
Shopify Partner
2321 364 994

This is an accepted solution.

Please place this code at the end of theme.scss

.password-page__hero, .password-page__message, .password-page__signup-form__heading {
 text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6, 0 0 30px #0073e6, 0 0 35px #0073e6;
}

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
MxW
Tourist
8 0 0

Thanks a lot @HardikDavra! This is exactly what I was looking for. 

I modified the code a bit, just for visibility. you can take a look at my pwd page again if you like.

 

.password-page__hero, .password-page__message, .password-page__signup-form, .password-page__social-sharing {
 text-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000 , 0 0 20px #000 , 0 0 25px #000, 0 0 30px #000;
}

 

 

0 Likes
HardikDavra
Shopify Partner
2321 364 994

Yes I have looked in it and looking better than before

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes