I want to change the color of my sidebar, how to do?

  • Author
  • #612957


    I have a problem with the visibility of my sidebar. Is there any way to change the color of the text and title?

    The blog I need help with is listigalistor.wordpress.com.


    We need a link to the site you are talking about.



    the link is: http://atjonaspunktcom.wordpress.com/




    This should get you started. The colors for the text are just placeholders. I made the sidebar border and background colors match the content area. You can of course change all that as you desire.

    #sidebar {
    background: none repeat scroll 0 0 #FFFFFA;
    border: 3px solid #D0CBB5;
    margin-left: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    #sidebar ul li a {
    color: #000000;
    #sidebar ul li a:hover {
    color: #CC0000;


    It looks like as if your sidebar does not have any background-color defined. If you have the custom CSS-upgrade, define #sidebar with a color contrasting to the text’s color…


    On another note. Your background image is great, but at 2.8mb it is way too large (file size). You want to optimize it for the web so that it is no more than 100 or 150k at the most so your site loads fast for those on slower internet connections.



    Is CSS free?

    thesacredpath: do I have to paste the code in CSS or is there another way? IT looks exactly like I wanted! Thanks!


    I was thinking you had the CSS upgrade from looking at your source code. Yes, you would need the CSS upgrade. You can use the preview function at appearance > edit CSS to see what it looks like at least.



    Thank you all!


    You are welcome.

The topic ‘I want to change the color of my sidebar, how to do?’ is closed to new replies.