[mohamed.nor.eldin]

hello
please check the attached image where I could change the category color from white as you see font does not appear also font size or style
https://postimg.cc/bsRQRh9v

if you check 2 and image I try through the editor but it just gives me a change in the number of category not the style
https://postimg.cc/SnvYZN2m

[Althemist]

Hello mohamed.nor.eldin,

This color can’t be changed. It’s pre-defined in the theme’s CSS. You’d need to choose your images carefully, so they stay readable.

[mohamed.nor.eldin]

hello please it has to be a solution for that I tried many images but the same issue it is too hard to work with something like that if there is direct code for CSS to change it I think it will be useful
please check these link for different image sample
https://postimg.cc/CZ91kxhC
https://postimg.cc/w7cYkTV5
https://postimg.cc/w7cYkTV5

[Althemist]

You can set each banner to dark or light color scheme. Other than that, as I alredy explained, the only woay to change the color with a custom color would be with CSS. Something like this:

.wpb_babystreet_banner a h4, .wpb_babystreet_banner a h5, .wpb_babystreet_banner a h6, .babystreet_banner_buton {
color: #your-color-here !important;
}

[mohamed.nor.eldin]

would you please tell me where I could do that until I try that

You can set each banner to a dark or light color scheme.

[Althemist]

In the banner settings there is an option to choose color scheme (dark or light), so the texts would change to white or black, depending on the background you use.

[mohamed.nor.eldin]

I am sorry but I could not find that option you talked about if you check my attachment here

this is the only option in woocommerce – products – categories – ( any product ) – Header Style it does not affect the issue, please check the link for a screenshot

https://postimg.cc/GHzGNRzf

I checked on the homepage banner settings there is an option to choose color scheme (dark or light) but it dose not exist as option, please check the link for a screenshot

https://postimg.cc/njRYmt5g

[Althemist]

The second screenshot is from the categories carousel module, not from banners. For categories carousel the only option would be with CSS.

li.product-category.product a h2, div.product-category.product a h2 {
    color: #your-color-here !important;
}

The dark/light mode is only for the banners module.

[mohamed.nor.eldin]

hello
this code works perfectly
li.product-category.product a h2, div.product-category.product a h2 {
color: #your-color-here !important;
}

but it does not solve the issue cause it is still so hard to find font color suitable with the images background but I think it may solve that is it possible to add strokes to the font by CSS code to separate boundaries i think it may solve it

[Althemist]

Yes, this can be achieved with text-shadow. Here are examples:

https://www.w3schools.com/css/css3_shadows.asp

[Author]

Posts