hey,
how i can change the color of comment boxes which appears on the post.
http://www.screencast.com/t/lZUexnbC
Thank you!
also how to change the color of the categories when they appear on a certain post.
http://www.screencast.com/t/BYBjC2I14
i want to assign different category different color code.
suppose lifestyle :red
movies :blue
Please help!
Thankyou
Hi,
You can change the color of the comments bubble by using this css:
.td-module-comments a{
background-color:red;
}
The colors of the category tags can be also changed with css but you cannot make it grab different colors from different categories. Css does not know how to do that. You can only change all of the tags at once like so:
.td-post-category{
background-color:Red;
}
Thank you!
Hello,
Big grid 8 already has author name and date if this has not been disabled from the meta options: http://screencast.com/t/OScXrxqexekz
Thank you!
Hello Bogdan,
Thanks for sharing the CSS to change the color of the comments box.
I have an additional question related to this (I am new to this theme)
.td-module-comments a{
background-color:red;
}
While this CSS changes the color of the comments box, this CSS doesn’t change the color of the pointer that appears just below the comments box div.
I assume it is a background image file linked to the CSS of the comments box and that it must be revised from default black to the website’s new theme colors.
Could you point me (and likely others here) to the folder containing these elements and also provide the proper CSS to change the pointer?
Thanks much!
Hi,
The bottom “pointer” is a border added as a pseudo-element. Please use this code instead:
.td-module-comments a{
background-color:red!important;;
}
.td-module-comments a:after{
border-color: red transparent transparent transparent;
}
I;m not sure what folder you want me to point to as this is a css rule and it is found in the main style.css file fount in the root folder of the theme.
Thank you!
Hi Bogdan!
Thanks for the CSS and your speedy reply.
That did the job.
I wasn’t aware that the comment “pointer” is a pseudo-element that uses border color. You can ignore my note about a folder…I thought perhaps the pointer was made using a small triangular image. 😉
I have another question regarding the category background color. Is it okay to ask here? I’ll ask it here now…if I don’t get an answer, I’ll move it to new post. 😉
.td-post-category{
background-color:Red;
}
I have noticed that the above CSS works on the category background color for the home page blocks and sidebar blocks, but the CSS doesn’t work for the category background color of a single entry/post template.
BTW: I am using the post template (Style 9) for my posts. The category background color is black. I’d like to change it to red.
I looked up the single entry/post template category CSS name in Firebug Inspector. I believe it is called, “entry-category”. I edited this CSS element exactly like the style above, but The category background color is still coming up black after the edit.
Could you please tell me how to change the category background color the entry/post templates?
Thanks!
Dobar Dan and Cheers!
Hello,
The entry-category has a different implementation and it will grab the color of the category from here: http://screencast.com/t/NloQRFff This only works on posts.
Different color tags can be present on posts by selecting different colors for the categories like this posts shows: http://demo.tagdiv.com/newspaper/td-post-seeking-business-cuomo-heads-to-cuba-with-a-new-york-trade-delegation/
If you still want to target it with css and make all of them one color you can use this code:
.entry-category a{
background-color:red!important;
}
You can select a specific pot template so the code only affects style 9 for example:
.single_template_9 .entry-category a{
background-color:red!important;
}
Or you can use the post ID and only target one specific post:
postid-165 .entry-category a{
background-color:red!important;
}
Thank you!
Hi Bogdan,
Oh wow… PERFECT! Thank you for the explanation.
I should have read through the documentation carefully…then I would have found the panel setting. But I’m glad you explained it…what you provided is even better than the documentation as it gives me a better understanding of how it all works.
THANKS MUCH!
