Hello tagDiv, On my site I have a sidebar with the standard “Category” and “Archive” widgets but I cannnot change the default black background color, how can I change background color in “Category” and “Archive” widgets? Thank you for the help.
Fabrizio.
Hi,
That depend son the elements, if these were set with tagDiv Composer, then you’ll need to edit the page with this builder, click on the block and change the color like this -> http://prntscr.com/pt2cjr
-> Flex Block Settings Guide
-> Default Block Settings Guide
Thank you!
If the blocks are set in widget area then you’ll need to check this section -> http://prntscr.com/pt2d95
Also there is a general setting in theme panel that will apply on the block headers that do not have set an individual color -> http://prntscr.com/pt2dpp -> https://forum.tagdiv.com/theme-colors-introduction/
Thank you!
Hi Calin, I still have the problem. I should need to change blocks set in widget area but these widgets are the standard widget “Category” and the standard widget “Archive” and these widgets does not have “Title background color” field. Is there a way to set the colors individually (maybe with CSS)? I should need one color for “Archive” widget and another different color for “Category” widget. Thank you for the answer.
Fabrizio.
Hi,
Please provide me a link to your website where I can check these standard widget “Category” and the standard widget “Archive” in this way I will be able to help you with a custom css.
Thank you for your understanding!
Thank you Calin! The widgets are in the sidebar of the homepage https://www.corsimkt.com. The standard widget title is “Archivi” (it’s Italian language and stands for “Archives”) and the other standard widget title is “Categorie” (it stands for “Categories”).
Hi,
Please try this custom css -> http://prntscr.com/ptkxw7
.vc_widget_sidebar .widget_categories .block-title span{
background-color: red;
}
.vc_widget_sidebar .widget_categories .block-title {
border-color: red;
}
.vc_widget_sidebar .widget_archive .block-title span{
background-color: green;
}
.vc_widget_sidebar .widget_archive .block-title {
border-color: green;
}
The code need to be set in Theme Panel> Custom code> Custom css, also feel free to change the colors.
Thank you!
Hi Calin! Thank you, it works perfectly now. I have the same widgets in the sidebar of single post pages :
https://www.corsimkt.com/health-star-ratings-kellogg-reveals-the-cereal/
but in this pages the colors of the widgets are still black, I should modify the colors of these widgets like you did in the home page. Which code have I to add? Thank you again.
Fabrizio.
Hi,
Please replace the above custom css with this one :
.widget_categories .block-title span{
background-color: red;
}
.widget_categories .block-title {
border-color: red;
}
.widget_archive .block-title span{
background-color: green;
}
.widget_archive .block-title {
border-color: green;
}
Thank you!
Perfect, thank you again!
