I have a question about the category tags that appear on each of the blog posts on this page. They are currently in white text, with a white outline. Depending on the blog post's featured image, this is sometimes hard to read.
When you mouse over them, these tags change to blue with white text. Is there a way to have this as the default state?
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):
.masonry.classic_enhanced .posts-container article.has-post-thumbnail .meta-category a {
display: none !important;
}
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 a question about the category tags that appear on each of the blog posts on this page. They are currently in white text, with a white outline. Depending on the blog post's featured image, this is sometimes hard to read.
When you mouse over them, these tags change to blue with white text. Is there a way to have this as the default state?
Hello Thanks for reaching out.
This can be achieved by adding Custom CSS, see below.
.post-tags a:before { background-color: #ff1053!important; } .post-tags a { color: #fff !important; } /*hover styles*/ .post-tags:hover a:before { background-color: #ff1053!important; } .post-tags a:hover { color: #fff !important; }Change the color hex values as it suits you.
Regards,
Themenectar Support Team
Hi Scott,
Hmm, this didn't seem to work. I've attached a screen shot of the tag I'm referring to.
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):
.masonry.classic_enhanced .posts-container article.has-post-thumbnail .meta-category a { display: none !important; }Thanks
ThemeNectar Support Team
This actually just made the tags disappear completely.
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):
.masonry.classic_enhanced .posts-container article.has-post-thumbnail .meta-category a { background-color: #2d82d5 !important; border-color: #2d82d5 !important; }Thanks
ThemeNectar Support Team