Support » Themes and Templates » Pinboard » link and hover colors

  • Resolved rhymeswithmelissa

    (@rhymeswithmelissa)


    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • paulwpxp

    (@paulwp)


    Font hero


    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;}

    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!

    paulwpxp

    (@paulwp)


    Font hero


    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

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘link and hover colors’ is closed to new replies.