Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1066987
    iRocketdesign
    Participant

    I have one section that I want to change the link/hover colors but don’t want to affect the global selection. Can you help me to find out how this is accomplished?

    My site url is http://www.irocketdesign.com and the links are in the black area at the bottom of the home page.

    thanks!
    Rick

    #1067100
    Prasant Rai
    Moderator

    Hello Rick,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    div#cs-content div#x-section-5 a:hover {
        color: #fff !important;
    }

    Let us know how it goes.

    Thanks.

    #1068610
    iRocketdesign
    Participant

    Thanks! Thats perfect. Wondering what I would have to add to make the base font color in that area different too?

    Rick

    #1068657
    Joao
    Moderator

    Hi Rick,

    If I understood you would like to change the color of the paragraph font on that section.

    Please add the following code to Appereance Customizer CUstom CSS

    
    div#cs-content div#x-section-5 p {
        color: #fff !important;
    }
    

    Hope it helps

    Joao

    #1068712
    iRocketdesign
    Participant

    That really didn’t do it. I want to change the hover color, which was accomplished by your first shortcode, but I would also like to change the base font color for those links in the bottom section. It now is black and I want them to be #EC7C40 and have a white hover like in your first shortcode.

    thanks!

    #1068798
    Joao
    Moderator

    Hi There,

    To Change the link colors please add the following code:

    
    div#cs-content div#x-section-5 a {
        color: #EC7C40!important;
    }

    Hope that helps

    Joao

    #1068866
    iRocketdesign
    Participant

    Thanks so much!!

    #1069002
    Jade
    Moderator

    You’re most welcome.

  • <script> jQuery(function($){ $("#no-reply-1066987 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>