I have added a recent blog post section at the end of our homepage but the link color to the article titles are too light. I've tried to target these titles specifically but there is no inherent class in the code. Scroll to the bottom of this link or view the screenshot to see what I mean:
I've been unable to target the link color, no matter what combination of styling I try, including h3.title a {color: #1f2133;}. How can I make the titles appear as #1f2133 instead of #bfbfbf?
<div class="post-header"><h3 class="title"><a href="https://advantageits.com/3-digital-marketing-strategies-to-improve-engagements/">3 Digital Marketing Strategies to Improve Engagements</a></h3></div>
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
I have added a recent blog post section at the end of our homepage but the link color to the article titles are too light. I've tried to target these titles specifically but there is no inherent class in the code. Scroll to the bottom of this link or view the screenshot to see what I mean:
advantageits.com
I've been unable to target the link color, no matter what combination of styling I try, including h3.title a {color: #1f2133;}. How can I make the titles appear as #1f2133 instead of #bfbfbf?
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.home .blog-recent .col .post-header h3 a { color: #1a2955 !important; }Thanks
ThemeNectar Support Team
Thanks! It worked great. But the hover effect is still too light. I put in the following code and nothing changed:
.home .blog-recent .col .post-header h3 a:hover {color: #333333 !important;}How do I get the link to turn #333333 (a dark gray) on hover?
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.home .blog-recent:not([data-style=list_featured_first_row]) .col .post-header a:hover { color: #1a2955 !important; }Thanks
ThemeNectar Support Team