Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #13578

    Hi, would like to change the hyperlink colour for the blog and page articles only to this colour: #D54E21 and this colour on Hover: #A5441B

    I did try adding that to the CSS but it would nto display.

    Any ideas?

    Thanks

    Vince

    #79772

    Hi Vince,

    Try to use this code:

    .template-blog .entry-content a,
    .template-single-blog .entry-content a {
    color: #D54E21;
    }
    .template-blog .entry-content a:hover,
    .template-single-blog .entry-content a:hover {
    color: #A5441B;
    }

    If that doesn’t work, try to use this one instead:

    .template-blog .entry-content a,
    .template-single-blog .entry-content a {
    color: #D54E21 !important;
    }
    .template-blog .entry-content a:hover,
    .template-single-blog .entry-content a:hover {
    color: #A5441B !important;
    }

    Hope this helps. :)

    Regards,

    Ismael

    #79773

    Hi Ismael,

    I added the code to Quick CSS and it works great for eh blog, it still is not displaying for the ‘pages’

    Thanks

    #79774

    try just these in custom.css :

    a {

    color: #D54E21 !important;

    }

    a:hover {

    color: #A5441B !important;

    }

    #79775

    Thanks for that but that is still not working for pages.

    #79776

    Hi Vincent,

    Typically, you use .entry-content a and .entry-content a:hover to change the links on Pages. With Abundance you also have headings that act as links like on the Store page as well as links on the sidebar.

    So if the link is a heading then you would use:

    h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .relThumbHeading {
    color: #333333;
    }

    If the link is in the sidebar, you would use:

    .sidebar a {
    color: #999999;
    }

    Hope this helps!

    Regards,

    Mya

    #79777

    Thanks for that, but still not working, this si to change the link colour in the content on page articles.

    #79778

    Hi Vincent,

    Can you post a link to one of the page articles you’re referring to? Include the exact text on the page you’re wanting to change to please.

    Regards,

    Mya

    #79779

    Hi Mya

    Here you go: http://www.manscape.co.uk/aesop/ drop down to the end of article for example under title: Sage Scalp Cleansing Shampoo you will see a link that says Buy Sage Cleansing Shampoo this is the link that I was trying to alter the color with no success.

    Thanks

    Vincent

    #79780

    Hi Vince,

    Try to use this code:

    .entry-content a {
    color: #D54E21;
    }
    .entry-content a:hover {
    color: #A5441B;
    }

    or this one if the above code doesn’t work:

    .entry-content a {
    color: #D54E21 !important;
    }
    .entry-content a:hover {
    color: #A5441B !important;
    }

    Hope this helps. :)

    Regards,

    Ismael

    #79781

    Thanks Ismael that worked perfectly, however it also amde the titles red as here: http://www.manscape.co.uk/articles-base/ is there a way to revery titles back to default and just have content hyperlinks red?

    Thanks

    Vince

    #79782

    Hi Vince,

    Try to add this code:

    .dynamic-column-title a {
    color: #222 !important;
    }

    Hope this helps. :)

    Regards,

    Ismael

    #79783

    Thank you Ismael, that is perfect and appreciate all of your help ;)

    #79784

    Hi Vince,

    Glad that we could help you. :)

    Cheers,

    Ismael

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Link Colour Blog / Articles’ is closed to new replies.