Hey,
I am trying to change color of sub categories background. I want to give every sub categories background a unique color means different color to every sub categories background. When i change the color it applies to every sub categories background. I tried custom CSS but the problem is every sub categories <span> has same class i can’t give them unique color until class of every <span> is same. Have a look at screen to understand better-
I trid to locate configuration of this template but i can’t find help.
I have one more problem related to category Template. I want to delete “mysiteurl.com/category” page i don’t want this page.
When i open it url changes
This page has Home>parent category>parent child category
My site url hindinzone.com
Thank you
My page url where i need to give every sub categories background a unique color
https://hindinzone.com/category/easy-learn/
https://hindinzone.com/category/easy-learn/android-easy-learn/
I don’t need this url
https://hindinzone.com/category/
How can i remove this url?
Hi,
If you want to apply the background color only category pages, for category tags, then you can use the options from theme panel (without cloud template) -> https://i.imgur.com/qnC5aS2.png -> https://i.imgur.com/XxPH980.png if you are using a cloud template, you need to check the settings for style set on the category siblings -> https://i.imgur.com/199rSph.png
Here is a topic for how to use the custom css to change the background color for label
categories -> https://forum.tagdiv.com/topic/how-can-i-show-the-category-of-each-post-on-the-thumbnail-of-the-post/ -> https://forum.tagdiv.com/topic/how-can-i-show-the-category-of-each-post-on-the-thumbnail-of-the-post/
To remove the mysiteurl.com/category you need to use Yoast SEO and choose to not index the cloud templates -> https://i.imgur.com/6BRLmIs.png after that you need to re-index your website on Google (or you can re-index only that link).
Hope this will help you!
Thank you!
Hii Calin,
I tried too hard but custom CSS did not worked for me and when i try to change the color from td-composer but it applies same color to every category. Also i tried from theme panel got nothing.
I just want to give different color to every category background. Have a look at screenshot what i want to change-
page url-
https://hindinzone.com/category/easy-learn/
Thank You!
Hi,
Please make sure that you make the same settings like me, set in theme panel the category tag color on categories -> https://i.imgur.com/w4YJs05.png after that go in category page and edit it with tagDiv Composer -> https://i.imgur.com/SWrNBdk.png click on -> https://i.imgur.com/QZGsJyc.png -> https://i.imgur.com/0oadkqN.png
Hope this will help you!
Hii
I tried but same color applied on every category.
https://ibb.co/PG33d0m
I think i can do that what you did in your screenshot your color was changed because you opened that category page. I think you need to change color on Home>Strategy that is main category page.
https://ibb.co/NmZqmv1
Have a look at what i did in chrome inspect elements
https://ibb.co/X3gCyDn
When i try to do that by custom CSS it applies to every category because of same class of <span>….!
………………………………………………………..
Hi,
“I tried but same color applied on every category.” there the coder need to be clear, no color.
Indeed the background color will apply only on category page.
You can try this custom css for color on individual categories
-> https://www.screencast.com/t/hnPXiMEJcLS9
All you need to do is to change the category in code and the background color will apply on that category.
.td-module-image a[href$="/news/"],
.td-meta-info-container a[href$="/news/"]
{
background-color: green;
}
.td-module-image a[href$="/nxt/"],
.td-meta-info-container a[href$="/nxt/"]
{
background-color: blue;
}
.td-module-image a[href$="/wweresults/"],
.td-meta-info-container a[href$="/wweresults/"]
{
background-color: red;
}
Set the custom css in Newspaper>Theme panel>Custom code>Custom css
Thank you for your understanding!
Hi Calin,
Awesome…. It’s working.
You made my day…….!
Thank You………….!!!!
