Welcome! To use this support forum, please Login or Join Today!
You are here → Home :: Forum Home :: WordPress Themes Support :: Breeze WordPress Theme :: Thread
Changing Theme Color
http://reducehomeworkstress.com/
I would like to change the colors of the “read the rest of the story” to match my book cover yellow.
Hi,
You can do this just by editing a little CSS.
Go to Appearane → Editor and click style1.css.
At around line #326, you’ll see this block of CSS:
/* Read More links */ a.more-link { border: 1px solid #6e8e56; background: #6e9c27 url(./images/icons/list-arrow.png) no-repeat .55em .75em; color: #fff; text-shadow: #54781e 1px 1px 0; box-shadow: 1px 1px 0 #7CB02D inset, -1px -1px 0 #7CB02D inset; -moz-box-shadow: 1px 1px 0 #7CB02D inset, -1px -1px 0 #7CB02D inset; -webkit-box-shadow: 1px 1px 0 #7CB02D inset, -1px -1px 0 #7CB02D inset; } a.more-link:hover { color: #fff; background-color: #333; border: 1px solid #333; text-shadow: #000 1px 1px 0; box-shadow: 1px 1px 0 #424242 inset, -1px -1px 0 #424242 inset; -moz-box-shadow: 1px 1px 0 #424242 inset, -1px -1px 0 #424242 inset; -webkit-box-shadow: 1px 1px 0 #424242 inset, -1px -1px 0 #424242 inset; }
replace with:
/* Read More links */ a.more-link { border: 1px solid #d7b414; background: #fdd418 url(./images/icons/list-arrow.png) no-repeat .55em .75em; color: #000; text-shadow: #fde786 1px 1px 0; box-shadow: 1px 1px 0 #fde472 inset, -1px -1px 0 #fde472 inset; -moz-box-shadow: 1px 1px 0 #fde472 inset, -1px -1px 0 #7fde472 inset; -webkit-box-shadow: 1px 1px 0 #fde472 inset, -1px -1px 0 #fde472 inset; } a.more-link:hover { color: #fdd418; background-color: #333; border: 1px solid #333; text-shadow: #000 1px 1px 0; box-shadow: 1px 1px 0 #424242 inset, -1px -1px 0 #424242 inset; -moz-box-shadow: 1px 1px 0 #424242 inset, -1px -1px 0 #424242 inset; -webkit-box-shadow: 1px 1px 0 #424242 inset, -1px -1px 0 #424242 inset; }