WordPress.org

1. rhiannaellis
   Member
   Posted 4 months ago #

   Hi, I'm trying to change the colour of the blog title on my blog in the licorice theme.

   The URL is http://www.rhianna.info and it the blue (and orange when hovered over) section I'm trying to change to a colour that matches my blog better.

   I've attempted to use the firebug add-on but I'm not very technical and haven't been able to work out where it is I'm afraid.

   Thank you

2. peredur
   Member
   Posted 4 months ago #

   This is the appropriate rule for the 'un-hovered' state:

   #primaryContent h1.postTitle a, #primaryContent h2.postTitle a {
     background: url("images/title-bg.gif") repeat scroll 0 0 #0097A5;
     border-radius: 10px 10px 10px 10px;
     color: #FFFFFF;
     font-size: 24px;
     font-weight: normal;
     line-height: 1.5em;
     padding: 10px 15px;
     text-shadow: -1px -1px #333333;
     text-transform: uppercase;
   }

   In the hover state, a different background image is used.

   You've got two choices:

   1. Replace the background images for both states (with suitable changes to the default background colour
   2. Remove everything except the background colour from the 'background' rule, to use just a flat colour

   Either way, you should ideally make the changes in a Child Theme, by adding a new rule to the (child theme's) style.css file, such as:

   #primaryContent h1.postTitle a, #primaryContent h2.postTitle a {
     background: url("images/my-new-title-bg.gif") repeat scroll 0 0 #my-new-default-background-colour;
   }

   (Obviously replacing the 'my-new-' placholders in the above with appropriate values of your own)

   HTH

   PAE

Reply

You must log in to post.