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 temptingholidays-blog.com.

    #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

    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

    That fantastic and working fine.
    Thank you
    Gail

    #75209

    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

    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

    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.