WordPress.com

1. vegetarianepicurean
   Member
   Jan 11, 2013, 7:27 PM

   I have the custom option and I'm trying to change the colors of a couple things in my Bueno themed blog:

   1) The lines under the widgets (and under the top categories). They are all red and I would like them to match the pink colors of the rest of the blog.

   2) the blogroll link colors (the names of the other blogs are all red)

   3) the tags and the continue reading are all red - I would like to change these as well.

   I'm sure these are all possible, but I haven't been able to figure it out by reading other posts - and I'm super new to CSS.

   Any help would be super appreciated! Thanks.

   The blog I need help with is vegetarianepicurean.com.

2. designdolphin
   Member
   Jan 12, 2013, 9:22 PM

   Hi,

   Great recipes on your blog!

   From what I can tell if you change the color of the stuff in the sidebar to the same color pink it becomes to light to read. The lines under the widget could pass, but they fade away a bit. The text of the links becomes unreadable unfortunately.

   To change the colors for (3):

   <br /> .more-link {

3. designdolphin
   Member
   Jan 12, 2013, 9:28 PM

   Oops, hit the wrong button there, the CSS for 3 is:

   .more-link a:link, .entry-tags a:link {
        color: #F7B4B6;
   }
   .more-link a:visited, .entry-tags a:visited {
       color: #F7B4B6;
   }

   It's really light though.

   If you want pink, I would maybe look for a bright/ darker pink for the sidebar. As well as maybe a darker link color.

   Some of the hovers would have to be changed as well, as they are red now.

   Can you use the 'Custom Design' function to see if you can get an idea of the colors and background you want? :-)

4. designsimply
   Staff
   Jan 22, 2013, 4:59 PM

   1) The lines under the widgets (and under the top categories). They are all red and I would like them to match the pink colors of the rest of the blog.

   Add this to your Appearance → Custom Design → CSS editor:

   .widget h3 {
   	border-color: #db5e90;
   }

   I picked a darker pink, but you can adjust it if you'd like.
   http://0to255.com/

5. designsimply
   Staff
   Jan 22, 2013, 5:03 PM

   2) the blogroll link colors (the names of the other blogs are all red)

   This also covers the blogroll links and the lines between the blogroll links:

   #sidebar a:link, #sidebar a:visited {
   	color: #db5e90;
   }
   
   .widget ul li a:link,
   .widget ul li a:visited {
   	border-color: #db5e90;
   }

6. designsimply
   Staff
   Jan 22, 2013, 5:06 PM

   3) the tags and the continue reading are all red - I would like to change these as well.

   Try this to get the 'continue reading' links color changed:

   a.more-link:link,
   a.more-link:visited {
       color: #F7B4B6;
   }

7. vegetarianepicurean
   Member
   Jan 23, 2013, 11:26 PM

   Thank you so much!

8. audrak88
   Member
   Feb 16, 2013, 7:14 PM

   I'm also having a similar problem. I want to change the color and fonts of the headers in the sidebar to Dakota and white. Also, I'd like the unlinked text to white, not black/gray like it is currently.

   I have been searching the CSS for the code to change and this post has helped me the most so far from the forum. Any additional help would be very much appreciated!

   http://anorexicescapades.wordpress.com

9. audrak88
   Member
   Feb 16, 2013, 10:30 PM

   Nvm

10. timethief
    Member
    Feb 16, 2013, 10:35 PM

    @audrak88
    Please start your own thread > http://en.forums.wordpress.com/forum/css-customization

Topic Closed

This topic has been closed to new replies.