Hyperlink style

  • Author
    Posts
  • #128647
    irfanquader
    Member

    Hi,

    Can I change the default hyperlink style or at least the colour? I feel like the current style doesn’t give enough contrast with the surrounding text.
    Thanks!

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

    #128750
    djordjegrubac
    Theme Author

    Hello,

    To change link style inside the content, please add these classes to Custom CSS:

    .post-content a, .post-content-secondary a, .page-content a {
    color: #fff;
    text-decoration: underline;
    }
    
    .post-content a:hover, .post-content-secondary a:hover, .page-content a:hover {
    color: #fff;
    text-decoration: underline;
    }

    Set desired hex color values for both normal and hover states, and save the changes. This class will change color and add underline to links in the content.

    Thank you,
    – Djordje

    #128803
    irfanquader
    Member
    Original poster

    Hi.

    Thanks, this works!

    But the style is being applied to the post titles on the homepage as well. Is there any way to avoid this? Because the title font is large and bold, having it underlined and in a different colour looks a little loud.

    Regards,
    Irfan

    #128979
    djordjegrubac
    Theme Author

    Hi Irfan,

    I have tried to check your site to see what’s going on, but for some reason your site is not loading. Did you change URL?

    Thank you,
    – Djordje

    #128980
    irfanquader
    Member
    Original poster

    Hi Djordje,

    Not sure why it’s not loading. You could try https://thegoodlifewithiq.com.

    I’ve removed the underline style from the CSS code, and that looks a little better, but I would still prefer if the post titles didn’t show the hyperlink style at all.

    Regards,
    Irfan

    #128986
    djordjegrubac
    Theme Author

    Hi Irfan,

    Thank you for the reply. Now it’s working.

    This, more precise class should do the trick, so only styles on single post page will be affected:

    .single .post-content a, .single .post-content-secondary a, .page-content a {
    color: #fff;
    text-decoration: underline;
    }
    
    .single .post-content a:hover, .single .post-content-secondary a:hover, .page-content a:hover {
    color: #fff;
    text-decoration: underline;
    }

    Thank you,
    – Djordje

    #128991
    irfanquader
    Member
    Original poster

    Hi Djordje,

    Thanks for your response. I’ll try this and let you know how it goes.

    Regards,
    Irfan

    #129000
    irfanquader
    Member
    Original poster

    Hi Djordje,

    This is working. Thanks!

    Can one also assign text style attributes to an html tag like <LEAD></LEAD>? I would like the lead paragraph of my post to show up with a larger font size and maybe a different colour than the usual paragraph text.

    I’ve tried using the header tags, but that’s not working out so well.

    #129664
    djordjegrubac
    Theme Author

    Hi Irfan,

    Hm, you can try to add something like this to Custom CSS:

    lead {
    font-size: 18px;
    color: #000;
    }

    Of course, set desired value for size and color hex value.

    Thank you,
    – Djordje

    #129753
    irfanquader
    Member
    Original poster

    Hi Djordje,

    This works! Thanks!

    Regards,
    Irfan

  • The topic ‘Hyperlink style’ is closed to new replies.