Make the announcement bar flashing

Store Design
,
1

i am using dawn theme and i want the announcement bar flashing i add custon code in custom css section but its not working

https://urbnwhyt.com/

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

p {
  font-size: 20px;
  color: white !important;
  font-weight: bold;
  animation: flash 1s infinite;
}

whats the soluion

2

Hi @babarazam1 ,

I checked and tried, and I found that your CSS code still works normally. I tried it with both the

tag and the checkout button. You can watch the demo video below.

https://www.loom.com/share/602b72262e624df59e3329b4ef0a373c

Are you adding the CSS code to some file other than base.css? If so, I advise you to add it at the end of the content of the base.css file. Adding custom CSS to any file also involves importing it into the theme.liquid file. Otherwise, it won’t work.

If they are helpful, don’t forget to like and mark as the solution.