Home › Forums › Pro Themes › Blog Diary Pro › Change color of links inside posts
Tagged: font color, Link Color
- This topic has 7 replies, 2 voices, and was last updated 4 years, 4 months ago by Anne Taylor.
-
AuthorPosts
-
July 3, 2020 at 4:15 pm #127761Anne TaylorParticipant
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!
July 6, 2020 at 6:53 am #127884wensolutionsKeymasterHello,
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.
July 6, 2020 at 1:07 pm #128068Anne TaylorParticipantHi 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;
}July 7, 2020 at 3:05 am #128127wensolutionsKeymasterHello,
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.
July 7, 2020 at 12:26 pm #128179Anne TaylorParticipantHi 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.
July 8, 2020 at 2:06 am #128245wensolutionsKeymasterHello,
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.
July 8, 2020 at 12:25 pm #128331Anne TaylorParticipantThe 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
-
AuthorPosts
- You must be logged in to reply to this topic.