Radcliffe – Link Hover Colour Change Help

  • Author
    Posts
  • #3031589

    amiekerber
    Member

    Hello,

    I am trying to change the colour of the Menu on the Radcliffe Theme – both the current page and the hover colour to #6495ed. I have the premium WordPress package already purchased allowing me to edit CSS.

    I am also wondering if it is possible to change the background colour and hover colour of the area where it will have my posts (currently called “First blog post”).

    Any insight would be appreciated! I have tried searching the forums but haven’t been able to find any coding that has worked.

    Here is the website I need help with https://wildflowersoul.ca/

    The blog I need help with is wildflowersoul.ca.

    #3031725

    amiekerber
    Member

    I’m sorry – it should say Radcliffe 2

    #3031727

    ajmaurya
    Member

    Hi amiekerber

    In order to change the hover menu text color and the background color, Please use the following css.

    .main-navigation li:hover > a, .main-navigation li.focus > a, .main-navigation li.current-menu-item > a {
    background: #ca2017; /* Please add the background color you require */
    border-radius: 3px;
    color: #fff; /* Please add the text color you require */
    }

    #3031728

    amiekerber
    Member

    Thank you ajmaurya! That worked. Any insight on how to get my Social links to match, as well as the rest of my links throughout my posts?

    #3031730

    ajmaurya
    Member

    Yes

    Those are jetpack social icons, So we need to change the colors for that too.
    Please add this in your css.

    .jetpack-social-navigation a:hover, .jetpack-social-navigation a:focus {
    color: #6495ed;
    }

The topic ‘Radcliffe – Link Hover Colour Change Help’ is closed to new replies.