How can I add blinking or growing text to the featured products page?

Shopify Discussion
1

I’d like for the text at the top of the featured products page to either be blinking or growing. Can someone please assist, thank you.

Rich

2

Write the text you want to display and give it any class name and in theme.css file write this code

@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.your-text-class {
animation: blink 1s infinite;
}

3

Good morning Asad, hope all is well!

I noticed that at the end of the code you sent it reads “.your-text-class {”

Is this where i name the action?

Thank you

4

you need to add a class to the text e.g if your text is “this is test text”
tou need to write it like this

this is test text

If you still need assistance i need collaborates access to resolve the issue

5

My email address is asadmahmood8470@gmail.com

6

Asad,

I need help doing this exact thing but I don’t understand where to put the code and how to make it work. Can you email me sr1volleyball@gmail.com? Thanks