WordPress.org

Ready to get started?Download WordPress

Forums

Change color of sidebar text in lightword theme? (4 posts)

  1. mcnamarat
    Member
    Posted 2 years ago #

    Hi, I use lightword on my site http://www.450detroit.com? I would like to change the text in my sidebar from the default gray to black, to make the appearance of the sidebar pop a little bit more.

    How do I change the text in the sidebar? Will i need to change individual widgets? Do I need to change color of text on the entire site?

    This may seem like a simple question but a little direction would be nice before i piddle away hrs going about it the wrong way (im a beginner at code).

    Thanks....

  2. dbphte1
    Member
    Posted 2 years ago #

    line 21 of style.css

    a {
        color: #807D7A;
    change that to #000000

  3. CockpitSeeker
    Member
    Posted 2 years ago #

    hi,
    I tried another trick for the sidebar. Transparency.
    I modified the content_middle.png file in order to add transparency in the last 216px of the image (that is to say, the sidebar on the right, not modifying the body).

    Transparency worked BUT:
    I discovered there was a white background behind!

    (...and I wanted transparency to see the website background image!)

    Thus there seems to be an additional white layer behind the whole layout (body+sidebar), over which the different images (content_top.png, content_middle.png, content_bottom.png, etc...) are displayed. Some kind of redundancy certainly (in case a file-path is broken or something).

    The part I'm not sure:
    I went to modify the covering extent of that white area.
    Here is what I found in the single-page-template.css:

    #header{background:transparent url('images/single-page-template/content_top.png') no-repeat;}
    #content{background: #FFF;width:769px;}
    #content-body{width:763px;}
    #footer{background:transparent url('images/single-page-template/content_bottom.png') no-repeat;}
    .hentry{width:763px;overflow:hidden;}

    I guess in line #2 I have to reduce the white screen (#FFF) covering from 769px to 553px (769-216 of the sidebar) and only then should I be to see my transparency.

    I didn't try it yet.
    As anyone done that, is it the correct file to modify and as it worked? (or shall I stop being lazy and test it myself? :P)

  4. CockpitSeeker
    Member
    Posted 2 years ago #

    Nevermind, I got it to work!! (though I modified more files than I thought would be necessary ^^)

    >>>Result here!

Topic Closed

This topic has been closed to new replies.

About this Topic