• Resolved hollandnumerics

    (@hollandnumerics)


    I like the basic layout of the LeftSide theme, which makes my blog site much easier to read and navigate than when I used the Twenty Sixteen theme. However, I’m not so keen on the pink links. Is it possible for me to change them from pink to blue so that the change is maintained across theme versions?

    Thanks in advance…………Phil

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Guido

    (@guido07111975)

    Hi Phil,

    Yes, this is possible by using some custom CSS in the customizer.

    Example changing all “pink” elements into blue:

    
    a {color:#0000FF;}
    ins, mark {color:#0000FF;}
    blockquote, q {border-left:2px solid #0000FF;}
    input[type="submit"], input[type="reset"], input[type="button"], button {background:#0000FF;}
    .nav-primary ul li:hover > a {background:#0000FF;}
    a.readmore {background:#0000FF;}
    
    @media screen and (max-width:767px) { 
    .mobile-nav-toggle {background:#0000FF;}
    }
    

    Guido

    Thread Starter hollandnumerics

    (@hollandnumerics)

    Guido,

    Works just fine!

    Many thanks………..Phil

    Thread Starter hollandnumerics

    (@hollandnumerics)

    Guido,

    Note that I had to correct your custom CSS to get it to fully work:

    /* Change links to blue */
    a {color:#0000FF;}
    
    ins, mark {color:#0000FF;}
    
    blockquote, q {border-left:2px solid #0000FF;}
    
    input[type=submit], input[type=reset], input[type=button], button {background:#0000FF;}
    
    .nav-primary ul li:hover a {background:#0000FF;}
    
    a.readmore {background:#0000FF;}
    
    @media screen and (max-width:767px) { 
    .mobile-nav-toggle {background:#0000FF;}
    }
    Theme Author Guido

    (@guido07111975)

    Hi,

    I notice you’ve only changed the .nav-primary code?

    My example will work too, it changes the hoover of whole menu into blue:

    
    .nav-primary ul li:hover > a {background:#0000FF;}
    

    Guido

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can I change the link colour from pink to blue?’ is closed to new replies.