Adding glow to rich text

[StafMeister]

Hi, is there any way to add glow or flickering effect to the rich text title? This is my url: https://a53bc7-32.myshopify.com/password and the text I want to add glow/flickering is that says "Stay in the shadows..." I really appreciate your help

[Made4uo-Ribe]

Hi @StafMeister 

It's password protected. 

[StafMeister]

Yes, I want to add glow effect to the text on the password page...

[Made4uo-Ribe · Accepted solution]

Oh, I see. check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@keyframes flicker {
    0%, 100% {
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.7),
                     0 0 20px rgba(255, 255, 255, 0.5),
                     0 0 30px rgba(255, 255, 255, 0.3);
    }
    50% {
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.5),
                     0 0 15px rgba(255, 255, 255, 0.3),
                     0 0 25px rgba(255, 255, 255, 0.2);
    }
}

h2.rich-text__heading.rte.h2 {
    animation: flicker 1.5s infinite alternate;
    color: #fff; 
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[StafMeister]

It worked! Thank you very much 🙂