Resolvedcatigory font colour and size in homepage 4

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #34561
    mohamed.nor.eldin
    Participant

    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

    #34567
    Althemist
    Keymaster

    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.

    #34727
    mohamed.nor.eldin
    Participant

    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

    #34732
    Althemist
    Keymaster

    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;
    }
    #34736
    mohamed.nor.eldin
    Participant

    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.

    #34739
    Althemist
    Keymaster

    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.

    #34742
    mohamed.nor.eldin
    Participant

    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

    #34750
    Althemist
    Keymaster

    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.

    #34785
    mohamed.nor.eldin
    Participant

    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

    #34794
    Althemist
    Keymaster

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

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

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for any item belonging to this account
AlThemist

AlThemist

sales 17214, followers 742
Login and Registration Log in · Register