[Brittany HParticipant]

Hi!
http://www.brittanyfreedesign.com/

I would like my footer to slowly revolve in color. In order to do this I gather that I need to associate a unique class with the footer. I’ve got the code ready to go but I’m not quite sure how to associate a class with the footer. Does this require inserting different PHP?
I plan on inserting something like this:

@-webkit-keyframes pulse {
0% {background-color: #EA6045;}
25% {background-color: #F8CA4D;}
50% {background-color: #F5E5C0;}
75% {background-color: #3F5666;}
100% {background-color: #2F3440;}

.animation {
margin: 0;
width: 100%;
height: 100%;
background-color: #EA6045;
-webkit-animation: pulse 10s infinite alternate;
}

Thanks for the lovely theme!

[Nabeel AModerator]

Hi there,

Thanks for writing in! You can add single or multiple classes in your footer with custom jQuery script, to do this just add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('footer').addClass('footerClass animation');
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Brittany HParticipant]

Great! Got it to work! Thanks so much!!!
http://www.brittanyfreedesign.com/

[Nabeel AModerator]

Glad we could help 🙂

Cheers!

[Author]

Posts