Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Announcement Bar Code Doesn't Work


MistyStatum

Question

Site URL: https://cranberry-kale-kent.squarespace.com

Hello!

I am trying to customize my announcement bar but none of the codes work. I have attached the current code I am trying to use, which is not working. I have tried to change the color and not do animation, and change it to an image, but nothing with the .sqs-announcement-bar code is working at all. I tried to go under site styles and make it transparent and get rid of the original color, but that didn't work either. Help! Website password: thefontparty

 

.sqs-announcement-bar {
background: linear-gradient(99deg, #ff6460, #ebeecf);
background-size: 400% 400%;
-webkit-animation: AnimationName 6s ease infinite;
-moz-animation: AnimationName 6s ease infinite;
animation: AnimationName 6s ease infinite;

@-webkit-keyframes AnimationName {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}

@-moz-keyframes AnimationName {
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}

@keyframes AnimationName { 
0%{background-position:0% 51%}
50%{background-position:100% 50%}
100%{background-position:0% 51%}
}

@-webkit-keyframes AnimationName {
0%{background-position:0% 49%}
50%{background-position:100% 52%}
100%{background-position:0% 49%}
}

@-moz-keyframes AnimationName {
0%{background-position:0% 49%}
50%{background-position:100% 52%}
100%{background-position:0% 49%}
}
@keyframes AnimationName { 
0%{background-position:0% 49%}
50%{background-position:100% 52%}
100%{background-position:0% 49%}
}}

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

4 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...