The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

[resolved] link and hover colors (5 posts)

  1. rhymeswithmelissa
    Posted 3 years 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 3 years 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
    Posted 3 years 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 3 years 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

    Firefox: Inspect Element

    Chrome: developer tools

  5. rhymeswithmelissa
    Posted 3 years 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