Colour of Hyperlinked Text

  • Author
    Posts
  • #74926

    Hi,
    I have looked into the custom features, but cannot see where I can change the colour of hyperlinked text, it just shows in a lighter shade of grey. Can you let me know how I can change this please.
    Many thanks
    Gail

    The blog I need help with is: (visible only to logged in users)

    #75127
    designorbital
    Theme Author

    Hi Gail,
    Please use the following CSS Code snippet to adjust the hyperlink colors according to your choice.

    /* Global Anchors */
    a,
    a:visited {
    	color: #2984dc;
    }
    a:hover,
    a:focus,
    a:active {
    	color: #2f95f5;
    }
    
    /* Menu */
    .sf-menu a,
    .sf-menu a:visited {
    	color: #2984dc;
    }
    .sf-menu a:hover,
    .sf-menu a:focus,
    .sf-menu a:active {
    	color: #2f95f5;
    }

    Thanks

    #75140
    tourascoholidays
    Member
    Original poster

    Many thanks,
    I have sorted out the hyerlinks in the header, but I can’t seem to be able to change the colour in the margin or footer and they remain grey changing to a different shade of grey. Which of the colour codes do I need to change to affect these?
    Thanks
    Gail

    #75153
    designorbital
    Theme Author

    Hi Gail,

    Please use the following CSS Code Snippet to change the Text and Hyperlink colors of Widgets. This code will have a change on Widgets of both Sidebar and Footer.

    /* Widgets Text / Anchor Color */
    .widget,
    .widget a,
    .widget a:visited {
    	color: #2984dc;
    }
    
    .widget a:hover,
    .widget a:focus,
    .widget a:active {
    	color: #2f95f5;
    }

    Thanks

    #75155
    tourascoholidays
    Member
    Original poster

    That fantastic and working fine.
    Thank you
    Gail

    #75209
    tourascoholidays
    Member
    Original poster

    Hi,
    I have all the above working fine, but I am now putting hyperlinks in the body of the blog and the text is just in a darker shade of grey, turning orange on mouseover. I just need to be able to change the colour of the text before mouseover – can you let me know how to do this please.
    Thanks,
    Gail

    #75214
    designorbital
    Theme Author

    Hi Gail,

    As you have set Global Anchors in the Custom CSS, it should work fine for the links in the Blog Post.

    Please provide me the post link having link in the body, so i will be able to understand exactly.

    Thanks

    #75216
    tourascoholidays
    Member
    Original poster

    Hi,
    A link to one of the pages is http://temptingholidays-blog.com/top-destinations/ My text “more about Dubai Holidays” is an example of the text being in dark grey, changing to orange.
    Many thanks
    Gail

    #75220
    designorbital
    Theme Author

    Hi Gail,
    I have noticed that you have set the darker color for the hyperlinks in your custom CSS.
    Please modify the following code of your Custom CSS to meet your need.

    a,
    a:visited {
        color: #090404
    }

    Thanks

    #75221
    tourascoholidays
    Member
    Original poster

    Many thanks, that’s great.
    I know nothing about CSS at all which is why I am having to ask so many questions – apologies.
    Gail

  • The topic ‘Colour of Hyperlinked Text’ is closed to new replies.