This theme also has a call to action button and I want to change it to my logo color.

Here is the code for that:

.call-to-action a.button {

border-color: #3a520b;

background: #3a520b;

background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3a520b), color-stop(100%, #3a520b));

background: -webkit-linear-gradient(top, #3a520b, #3a520b);

background: -moz-linear-gradient(top, #3a520b, #3a520b);

background: -o-linear-gradient(top, #3a520b, #3a520b);

background: -ms-linear-gradient(top, #3a520b, #3a520b);

background: linear-gradient(top, #3a520b, #3a520b);

box-shadow: 0 1px 5px #CCCCCC;

}

New call to action button:

If you are at all uncomfortable with working with CSS or just a little nervous, you can always build a siterubix website to practice on and test what you want done. Just add your current theme to the siterubix and give it a try.

I hope you liked my tutorial and found it helpful.

If so, please like and comment below.

Also, if you are having trouble locating the proper code for your theme, leave your question and name of your theme in the comments and I will see if I can help you locate it.



Join the Discussion
Write something…
Recent messages
Keisi Premium
I am learning more and more about working with WP. Thank you very much for for this trainning.
Reply
AngelaHall Premium
You are most welcome :)
Reply
tomtitty006 Premium
Hi Angela.Is CSS not regarded as more advanced than html or have I got this wrong,I take it you cannot change colour with html,not that I want to at the minute,it looks very confusing to my brain.
Reply
AngelaHall Premium
Not really more advanced just different. But to make changes with your theme it is done with CSS
Reply
tomtitty006 Premium
Oh,well I don,t want to make any changes yet,I have to work on my Art site tomorrow.
Reply
Keisi Premium
The best part of working with Cascading Style Sheets is that
Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. Any one that has the time can learn more at www.w3.org/Style/CSS/Overview.en.html
Reply
AngelaHall Premium
right, you can look at it like html is the bones (structure) and css is the skin (hair, makeup lol)
Reply
Prestones Premium
Excellent tutorial Angela!

I use Simple Custom CSS too, and it's been great. It keeps my changes, even if the theme undergoes a major upgrade. Unfortunately, if I change themes, I have to go back and adjust the changes I made in the plugin. Overall though - no complaints!

Nicely done!

Dennis
Reply
AngelaHall Premium
Thank you Dennis :)
Reply
riyazashu Premium
Great training.
Reply
AngelaHall Premium
Thanks :) glad you liked it
Reply
Kathy331 Premium
Excellent training Angela, I'll be making use of this!
Reply
AngelaHall Premium
Thank you Kathy :)
Reply
Top