Link Colour Blog / Articles

14 posts from 4 voices

• Started 11 months ago by Vincent
• Latest reply from Ismael
• This topic is resolved

Tags:

• hyperlink colour

1. 

   Vincent
   Member

   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

   Posted 11 months ago #
2. 

   Ismael
   Moderator

   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

   Posted 11 months ago #
3. 

   Vincent
   Member

   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

   Posted 11 months ago #
4. 

   radugidei
   Member

   try just these in custom.css :
   a {
   color: #D54E21 !important;
   }

   a:hover {
   color: #A5441B !important;
   }

   Posted 11 months ago #
5. 

   Vincent
   Member

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

   Posted 11 months ago #
6. 

   Mya
   

   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

   Posted 11 months ago #
7. 

   Vincent
   Member

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

   Posted 11 months ago #
8. 

   Mya
   

   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

   Posted 11 months ago #
9. 

   Vincent
   Member

   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

   Posted 10 months ago #
10. 

    Ismael
    Moderator

    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

    Posted 10 months ago #
11. 

    Vincent
    Member

    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

    Posted 10 months ago #
12. 

    Ismael
    Moderator

    Hi Vince,

    Try to add this code:
    

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

    Hope this helps. :)

    Regards,
    Ismael

    Posted 10 months ago #
13. 

    Vincent
    Member

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

    Posted 10 months ago #
14. 

    Ismael
    Moderator

    Hi Vince,

    Glad that we could help you. :)

    Cheers,
    Ismael

    Posted 10 months ago #

RSS feed for this topic

Reply

You must log in to post.