WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] F8 lite theme color change (6 posts)

  1. winam
    Member
    Posted 2 years ago #

    Hey folks,
    I just run into a problem. On my site http://www.rene-photography.de/ i want to change the colors of the widgets and the lines around them from grey to white. How can i do that? I already changed the white text using the editor in the themes tab. I cant find the right line for the last grey colored text and lines, can you help me to find them? I am using the theme f8 lite.

    Thanks winam

  2. peredur
    Member
    Posted 2 years ago #

    I don't see what widgets you're talking about, I'm afraid.

    The general answer is that you probably need to make changes to the CSS.

    cheers

    PAE

  3. winam
    Member
    Posted 2 years ago #

    ok. on the main page under the header is a german text. under that there are my pages-widget. This is grey. The Widgets under that are all grey in the headlines. That's what I ment.

    winam

  4. peredur
    Member
    Posted 2 years ago #

    OK. I get it.

    You have a CSS rule like this:

    #inside-widgets h6.widgettitle {
      border-bottom: 1px solid #CCCCCC;
      color: #222222;
      padding: 1em 0.3em 0.5em;
      text-transform: uppercase;
    }

    ... and another one like this:

    #inside-widgets ul li a, ul.txt li {
      background: url("images/li.png") no-repeat scroll 0 50% transparent;
      border-bottom: 1px solid #CCCCCC;
      color: #222222;
      display: block;
      height: 1%;
      line-height: 1.2em;
      padding: 6px 0 6px 8px;
    }

    You need to create new rules to override these. Something like:

    #inside-widgets h6.widgettitle, #inside-widgets ul li a, ul.txt li {
      border-bottom: /* whatever colour you want */
      color: /* whatever colour you want */
    }

    I'm not sure about the ul.txt li. You might not need that. And you might also need to account for a:link, a:hover and a:active; depending on your requirements.

    Cheers

    PAE

  5. winam
    Member
    Posted 2 years ago #

    your great. found the "inside widgets" line and just changed the colors. it works, without any new rules.

    thanks so much. just didn't know where to look.

    winam

  6. peredur
    Member
    Posted 2 years ago #

    Not me. Firebug.

    :-)

    PAE

Topic Closed

This topic has been closed to new replies.

About this Topic