Changing button color in home sections

[Karin Doolin]

Is there a way to change the button colors in particular home sections? I’ve tried the options in the “home sections” under theme options, but they don’t seem to override my “buttons” options I have set for the remainder of the site.
This is my last question I promise! (hopefully) 😉 Thank you

Attachments:

1. 

   home-section-copy.jpg
   

[Bill Robbins]

That is a great question. I believe there is a option for text and link colors, but not for buttons.

Thankfully we can still make the change. Here’s how:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   #home-three a.button {
   	color: #fff;
   	background-color: #000;
   }
   
   #home-three a.button:hover {
   	color: #000;
   	background-color: #fff;
   }
   

   That will change the color in the third section of the home page. The top style there will set the text color and background color of the button. The second style is for the hover style of the button in the third section. Feel free to change those to fit your needs. You can also add in additional home sections if you need to.

3. Update your settings.

That should change the color for us. If you have any trouble, let me know.

Thanks,
Bill

[Karin Doolin]

I’ve never experienced such wonderful customer service!!! This has been the most positive experience I’ve ever had with a website and support. I cannot thank you enough!
The colors are changed and beautiful! Thank you!

[Bill Robbins]

Thanks so much Karin…that just made my night 🙂

[Author]

Posts