Support » Themes and Templates » F8 lite theme color change

  • Resolved winam

    (@winam)


    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

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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

    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

    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

    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

    Not me. Firebug.

    🙂

    PAE

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘F8 lite theme color change’ is closed to new replies.