Have your say in Community Polls: What was/is your greatest motivation to start your own business?

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

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

RICHCR
Visitor
2 0 0

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

Replies 5 (5)

Asad24
Shopify Partner
180 36 33

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; 
}

banned

RICHCR
Visitor
2 0 0

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

Asad24
Shopify Partner
180 36 33

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 

<p class="your-text-class">this is test text</p>


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

banned
Asad24
Shopify Partner
180 36 33

My email address is asadmahmood8470@gmail.com

banned
Shopi_User
Visitor
2 0 1

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