WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
[resolved] link and hover colors (5 posts)

  1. rhymeswithmelissa
    Member
    Posted 1 year ago #

    hello! i've been trying to change the links/hover colors on my blog (http://www.originallyremixed.com).

    i've been digging around the css trying to figure out how to change the blue links/red hover (where the "stay tuned!" post area is) to the color palette i'm aiming for.

    i also would like to change that light grey hover rectangle in the navigation bar.

    i've gone through theme options > typography and theme options > design to try to change these two specific things but nothing is working. any ideas?

    thanks in advance!

  2. paulwpxp
    Font hero
    Posted 1 year ago #

    Your theme comes with Custom CSS option, and you have Jetpack plugin goin on which also has this Custom CSS option too.

    Pick one, and stick to it.

    Go to that Custom CSS option, put in this code, change color to yours.

    .entry-title a {color:red;}
    .entry-title a:hover {color:lime;}
  3. rhymeswithmelissa
    Member
    Posted 1 year ago #

    great! thanks paul!

    would you also know how to change the color of the links at the bottom of the post where it reads, "alissa nichole" "may 11, 2013" and "learn"?

    and also, the light grey hover in the nav bar, like when i roll over "about originally remixed", "learn", "beauty", etc.?

    thanks again!

  4. paulwpxp
    Font hero
    Posted 1 year ago #

    Here is what you asked for ( change color to your own ).

    /*---menu item hovering on----*/
    #access a:hover {color:blue;background:yellow;}
    
    /*---menu item currently on----*/
    #access li.current_page_item > a,
    #access li.current-menu-item > a {color:blue;background:yellow;}
    
    /*---entry title link ----*/
    .entry-title a {color:red;}
    .entry-title a:hover {color:lime;}
    
    /*---entry title on its single page no link----*/
    .entry-title {color:pink;}
    
    /*---entry meta----*/
    .entry-meta a {color:red;}
    .entry-meta a:hover {color:orange;}

    Please use Web Dev Tool ( Press F12 ) to inspect element and its properties.

    Lots of people use Firebug
    http://getfirebug.com

    Firefox: Inspect Element
    https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector

    Chrome: developer tools
    https://developers.google.com/chrome-developer-tools

  5. rhymeswithmelissa
    Member
    Posted 1 year ago #

    thank you so much for all of your help! this was driving me crazy.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic