THEMATIC font colour change menu and sidebar

  • Hello there, I am pretty new to wordpress CSS I have been over writing The thematic theme, and do most of my editing in Appearance>editor
    The problems I have encountered despite trying several examples given from other posts are:
    1. I want to change my top menu colour to #67c9c8
    2. I want to change the colour of all the widget text in my side bar- this includes Instagram/social media tiles/ blog roll/ subscribe box/ tag cloud/ archives also to #67c9c8

    I would be so grateful if anyone could help me out
    Alice

Viewing 5 replies - 1 through 5 (of 5 total)

  • do you have a link to look at

    Thread Starter alromeril

    (@alromeril)

    sure its ldndaily.com

    for the top menu: in your style sheet you have:

    .sf-menu li {
    background:#fff;
    }

    change to:

    .sf-menu li {
    background:#67c9c8;
    }

    for the widget: you have:

    .aside {
    color: #fff;
    text-decoration: #fff;
    }

    change to

    .aside {
    color: #67c9c8;
    text-decoration: #fff;
    }

    Thread Starter alromeril

    (@alromeril)

    So Sorry I think I didn’t make my first post clear enough

    I want to make the font colour different not the colour of the areas?

    in your style sheet you have this:

    .sf-menu li:hover, .sf-menu li.sfHover,
    .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:#fafafa;
    outline: 0;
    border-bottom-color:#ccc;
    }

    change to:

    .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:#fafafa !important;
    outline: 0;
    border-bottom-color:#ccc;
    color:#ff0000 !important;

    the above changes the hover color
    the below changes the inactive color

    you have this:

    .sf-menu a {
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px;
    padding:9px 13px;
    text-decoration:none;
    margin-left:-1px;
    }

    change to:

    .sf-menu a {
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px;
    padding:9px 13px;
    text-decoration:none;
    margin-left:-1px;
    color: #67c9c8 !important;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘THEMATIC font colour change menu and sidebar’ is closed to new replies.