WordPress.org

Support

Support » How-To and Troubleshooting » Custom CSS with F8 Lite

Custom CSS with F8 Lite

  • Hi,

    I’m trying to edit the CSS for the F8 Lite to theme to make some basic customisations.

    I’m not particularly code literate but I figured it would be too difficult just to change the HR weight, both in widgets and content, but apparently it is (for me at least)!

    Where would i find the HR styling? I’ve looked in the CSS and I’m a little stuck!

    Thanks in advance for any help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • * edit – wouldn’t be too difficult

    esmi

    @esmi

    Forum Moderator

    There are thousands of WordPress themes – which means that many people won’t be familiar with your particular theme. So a link to your site where people can see the theme might result in more responses.

    Thanks for your response Esmi :

    http://www.ebbgallery.co.uk – Very much a work in progress

    esmi

    @esmi

    Forum Moderator

    I’d suggest that you start by changing <hr size="20" color="black" width="100%" align="left"> to just <hr /> in the footer area. There are no hr tags in the widgets. They’re bottom borders in style.css:

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

    Huge help Emsi thanks, the widget bottom borders look just how I want them to! Now I just need to figure out how to style the HR’s in the actual content!

    Thanks again

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Custom CSS with F8 Lite’ is closed to new replies.
Skip to toolbar