How to change text color on category grid titles

[Mark Munoz]

I want to change the color of titles in category grids.

Also I want to know if there is a way to have a border around each category when I hover the mouse on top of it.

Thanks in advance.

• This topic was modified 1 year, 8 months ago by Mark Munoz.

Attachments:

You must be logged in to view attached files.

Update: I managed to change the color in the category menus.

I still need two things.

1.- I want to know if there is a way to have a colored border around each category when I hover the mouse on top of it.

2.- How can I make the main navigation Menu and Category titles only the 1st letter uppercase and the rest lower case.

Thanks in advance.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .cat-design-default.categories-with-shadow .wrapp-category {
    border:2px solid transparent;
	  box-shadow: none;
}

body .cat-design-default.categories-with-shadow .wrapp-category:hover {
    border:2px solid rgba(0,0,0,0.12);
}

Best Regards

Thanks Elise.

I still need question number 2.

2.- How can I make the main navigation Menu and Category titles only the 1st letter uppercase and the rest lower case.

Thanks in advance.

Hello,

That is how it displays now: https://gyazo.com/7d7fdf8b82be79720cb87051b5cadd39

Please provide the page URL and screen.

Best Regards

[Mark Munoz]

I added a screen of the Category names I want to make upper case the first letter and lower case the rest of each word. I also added a screen of the main navegation menu where I want the same.

Also I want to ask if I can have different text colors on each category name.

Thanks in advance.

• This reply was modified 1 year, 8 months ago by Mark Munoz.
• This reply was modified 1 year, 8 months ago by Mark Munoz.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-nav-main>li>a {
    text-transform: none;
}
body .cat-design-default .wd-entities-title{
    text-transform: none;
}

Best Regards

Thanks for the info.

We can close the topic.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts