Hello,
I have the following issue.
In Posts loop 2, Big Grid flex and more I can change the Category’s tag backround color via the style menu in tagdiv composer.
In the other hand, I can’t do that in Block 15, 11, 9.
How can I do that?
Moreover, ideally I would want each category to have a global category’s tag backround.
For Example Category Greece Blue, Category Army Green ect. Hence, the category tag colour would not be specified by the block type but by the category. I don’t know if this is possible. If it is not, take it as a suggestion. My previous theme was able to do that.
Thank you in advance,
Fotis
Hi,
Yes, these options for layout are available only for flex elements, those can not be set on simple blocks or grids.
For the moment the background color from category it will not inherit on entire website, for this you need to use a custom css. Here is a similar topic for this -> https://forum.tagdiv.com/topic/want-to-change-background-colour-for-big-grid-flex-2-category-name/
Also the background color for categories can be set from theme panel per each category -> https://i.imgur.com/1G9TKpO.png -> https://i.imgur.com/rcMr3Aq.png -> https://i.imgur.com/o9phbCq.png
Thank you!
I did the last think you said, it is a bit better now.
About the black category tags that can’t change. Is it possible at least to change that black to another color?
The same colour for all of them.
Hi,
There is another way, but this require some extra css, to set a specific color for each category, if is so, then you can use a custom css like this one -> https://i.imgur.com/MaKeGZg.jpg
.td-module-image a[href$="/music/"], .td-meta-info-container a[href$="/music/"], .td-module-container a[href$="/music/"], .single .td-category a[href$="/music/"], .tdb_single_categories a[href$="/music/"] {
background-color: green;
}
.td-module-image a[href$="/architecture/"], .td-meta-info-container a[href$="/architecture/"], .td-module-container a[href$="/architecture/"], .single .td-category a[href$="/architecture/"], .tdb_single_categories a[href$="/architecture/"] {
background-color: red;
}
All you need to do is to change the category in code and the background color will apply on that category.
Set the custom css in Newspaper>Theme panel>Custom code>Custom css
Thank you!
