Request: News Pro Theme, CSS for editing Genesis Tabs color

Community Forums Forums Design Tips and Tricks Request: News Pro Theme, CSS for editing Genesis Tabs color

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Susan 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #91706

    Ron Jones
    Member
    Post count: 4

    I’m using the News Pro theme, and the Genesis Tabs widget (per the instructions at: http://my.studiopress.com/setup/news-theme/ )

    What I would like to do is change the color of the tabs from their current Black/Red/White (Link/Active/Hover) colors, to custom colors.

    I’m having a hard time locating the proper css selector. I’m pretty sure it’s not in genesis-tabs/style.css, because the colors don’t match.

    Any suggestions?

    http://tnfollies.com/
    #91848

    Susan
    Moderator
    Post count: 7988

    Look in your stylesheet here:
    [css]

    .home-top .ui-tabs ul.ui-tabs-nav li a {
    background-color: #000;
    color: #fff;
    display: inline-block;
    }

    .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a {
    background-color: #ff0000;
    }

    .home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:hover {
    background-color: #fff;
    }
    [/css]

    #ff000 is the red; #fff is white, and #000 is black.


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    • This reply was modified 5 months ago by  Susan. Reason: didn't include full color codes
    • This reply was modified 5 months ago by  Susan. Reason: didn't include full color codes
    #91850

    Ron Jones
    Member
    Post count: 4

    Thanks Susan!
    I’ve been going cross-eyed looking in the plugin’s stylesheet.

    Finally :-)

    #91851

    Susan
    Moderator
    Post count: 7988

    You are welcome! I will close this topic as “resolved” – go ahead and start another thread if you have another question.


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Request: News Pro Theme, CSS for editing Genesis Tabs color’ is closed to new replies.