Welcome! To use this support forum, please Login or Join Today!

   

Changing Theme Color

{name}
Rank

Total Posts: 1

Joined 2011-06-22

PM

 

http://reducehomeworkstress.com/

I would like to change the colors of the “read the rest of the story” to match my book cover yellow.

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

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;
}