Sorry I have looked and looked but can’t find how to change/edit the following:
1. Background color of Categories in Post. I want to make background white with black letters like Author.
2. Same for “Read More” on Posts (front page)> Make background white with black letters.
http://hispaniclatinonewsandevents.network
Thanks
Hi,
1. If you mean the category tag color in post page, you can set or change it like this – https://www.screencast.com/t/XQIrIWecyr2X – https://www.screencast.com/t/KuyODyGNyL If you mean the category tag displayed on modules use this code
.td-post-category {
background-color: white;
color: black;
}
.td-post-category:hover {
color: white;
}
2. The read more inherits the background color from the theme accent, so if you want to change it just for the read more buttons you could do it with css
.td-read-more a {
background-color: white;
color: black;
}
.td-read-more a:hover {
color: white;
}
Result – https://www.screencast.com/t/bZ2aYYbZGh
Thanks
Thank you very much Simlon! Got most of it done as I wanted except:
1. Can’t locate where to change the category tag color in post page?
https://www.screencast.com/t/KuyODyGNyL
Can u please be more specific where to go.
2. Is it possible to change the text color of the “read more” to the same color of my current post text color and the one for the date? With what color do I replace the black in > background-color: white; color: black
Again thanks!!!
Hi,
1. The category tag background color on post page can be set for each category like this – https://www.screencast.com/t/tQIkymBuU – https://www.screencast.com/t/9wcvSZAVHg9j You can find more information about the category settings in the documentation – https://forum.tagdiv.com/how-category-settings-work/
2. You can identify the color using your browser inspector tool – https://www.screencast.com/t/uxEcUOKqDbE – https://www.screencast.com/t/Kr4H3plIid1E and change it accordingly in the code provided.
Thanks
Thanks Simion! I appreciate you going beyond and helping me do this but I followed steps, changed color; looks good but:
1. How do I make the change “permanent” as I don’t see where to “save” the change. ???
2. Just to be on the same page what I want is to change the Read More. Your pic shows the “post date”
Do I make the change also in the Box that reads “Inherited from div. td read more” ?
Hi,
What I meant is you should replace the color of the font, in the code provided above related to the Read more, with the value you want either it is the excerpt color, then it should be like this color: #777; or the date font color color: #aaa; You must enter or modify the code in Theme Panel->Custom Css – https://www.screencast.com/t/rOMgD0J5Jn
Thanks
Hi,
Remove the code provided previously regarding the read more, from the Theme panel->Custom Css. Then enter this one with the font color corresponding to the date like you asked – https://www.screencast.com/t/0Uf2Xbwu
.td-read-more a {
background-color: white;
color: #aaa;
}
Here is a tutorial about the browser inspector tool to help you identify the elements on the page and their classes and create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks