Home Forums Pro Themes Blog Diary Pro Change color of links inside posts

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #127761
    Anne Taylor
    Participant

    I would like to change the font color of links inside my blog posts. So far the code I am using only allows me to bold links, but the font color is still the same so it’s hard to see links within the post.

    My additional CSS is currently:

    body, button, input, select, textarea {
    font-size: 16px;
    Color: #000000

    }
    b, strong {
    Color: #000000;
    }
    a:hover {
    color: #0C80A1;
    }
    a:link {
    font-weight: bold
    }

    I have tried using an a:link code to change the font color of my links, but it only changes the color of titles of blog posts and links to blog posts — it will not change the color of my links within a blog post.

    My blog’s address is: http://tayloredtripsblog.com/. Thank you!

    #127884
    wensolutions
    Keymaster

    Hello,

    Please add following given CSS code in Additional CSS section to change color of links inside blog posts by going to Admin Panel > Appearance > Customize > Additional CSS.

    .home .archive-blog-wrapper article .entry-container a.btn,  .home .archive-blog-wrapper .post-categories li a{
         color: #f52d0d;
    }

    You can replace color code(#f52d0d) with your desired color code.

    Hope this helps.

    If you have any queries further, let us know.

    Thank you.

    #128068
    Anne Taylor
    Participant

    Hi there, thank you for answering and for this code. However, I added it to my Additional CSS and there was on change of font color of links within my posts. Everything is still black. I’m not sure why it won’t work. My current CSS is:

    body, button, input, select, textarea {
    font-size: 16px;
    Color: #000000
    }
    b, strong {
    Color: #000000;
    }
    a:hover {
    color: #0C80A1;
    }
    a:link {
    font-weight: bold
    }
    .home .archive-blog-wrapper article .entry-container a.btn, .home .archive-blog-wrapper .post-categories li a{
    color: #0c80a1;
    }

    #128127
    wensolutions
    Keymaster

    Hello,

    Please remove the code we have provided earlier and add following given CSS code in Additional CSS section to change color of links inside blog posts by going to Admin Panel > Appearance > Customize > Additional CSS.

    .home .page-section .entry-container .entry-title a{
      color: #ec1e1e;
    }

    You can replace color code(#ec1e1e) with your desired color code.

    Hope this helps.

    If you have any queries further, let us know.

    Thank you.

    #128179
    Anne Taylor
    Participant

    Hi again. 🙂 Thank you so much for all of your help, but that did not work either. That new code changed the color of my blog post titles but not the color of the links inside each individual post.

    #128245
    wensolutions
    Keymaster

    Hello,

    Please provide us with specific screenshot of the section of which you are willing to change the font color so that we can provide you with precise fix.

    Regards.

    #128331
    Anne Taylor
    Participant

    Screenshot

    The link underlined in red is an example of a link I would like to be a different color in my posts: https://drive.google.com/file/d/1MNFzFLqi-67cNIoand-Zzzdwek6KxDLE/view?usp=sharing

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.