Change one of the colour in sidebar

websab

Hello,

could you kindly explain me how change the colour as per the attached example.

I would like to invert them: light blue fot the text and white for background

Thanks in advance!

Cinzia

Bryan

Hi,
this would require custom css to change. You have probably also selected a theme color skin and will not be able to change individual colors in theme options.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

websab

Thanks for you reply.

I try to delete the theme color skin but it doesn't work. (the theme skin color will remain even if I delete it). There is any other possibility to change that colours?

If the custom css if the only solution, do you can provide me the custom css to change it?

Thanks in advance

Cinzia

Bryan

We can provide you custom css for this item but please send a link to this page.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

websab

The link to this page is:

https://cleaneco.it/negozio/

Now the site is under construction. Shall I to turn on in order to let you work about css?

Bryan

That would be a good idea.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

websab

Hello,

I turn on the site in order to let you check for the CSS.

Thanks in advance.

Bryan

Try this css 

.widget .product-categories {
	background-color:red !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

websab

Thanks you very much.

It works perfect.

Could you kindly let me have a CSS to change the text color too, because if I change the background the default colour is not anymore visible.

Thanks

Bryan

.widget .product-categories li a {
	color:#000 !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

websab

Perfect!

Thank you very much!

websab

Hello,could you kindly provide me a CSS also for the sub-categories of the products in order to have in the same colour as per the product categories.

Thanks in advance

Cinzia

Bryan

Please disable maintenance.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

websab

ok I will disable immediately

Bryan

Sorry but this link does not work, where I will find the categories
https://cleaneco.it/negozio/

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

websab

this is the shop page

https://cleaneco.it/shop/ 

Bryan

.widget .product-categories li ul.children li a {
	color:#fff !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

websab

Thank you very much!

Is it possible to have the CSS to change also the background color in order to have the same colour as per the categories?

thanks in advance

Bryan

ul.children {
	background-color:red !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

websab

IT WORKS PERFECTLY!

THANK YOU VERY MUCH!!