Change Font/Text Color

  • Resolved isa1606

    (@isa1606)


    6 years, 4 months ago

    Hi there,

    Hope you are fine,

    I need to change the color of tabas – font or letter color.
    Need to be Black with backround is white
    Must to be white when backround is #c50d09

    Try to do this with css like: .woocommerce-tabs…. not working, so I realize that all my tabas are with this plug in.
    What should I do?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @isa1606,

    We should be able to do this for you ??

    Can you send me the URL to one of your products with tabs so I can test the styles on your site?

    Thank you,
    Kevin.

    Thread Starter isa1606

    (@isa1606)

    Hi Kewin,

    Here you have my web: https://irdviajes.cl/product/parque-quilquico-2/

    As you can see there, I want to keep withe background but with strong black letter
    and need to have the other background color in: #c50d09 with white strong letter

    ?is that possible?

    thanks a lot

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @isa1606,

    According to your instructions, the styles make the tabs look like this: https://imgur.com/a/hONOTrA.

    Does that look right?

    These are the styles:

    .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: black;
    font-weight: bold;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) a {
    color: white;
    font-weight: bold;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) {
    background-color: #c50d09;
}

    Let me know.

    Cheers,
    Kevin.

    Thread Starter isa1606

    (@isa1606)

    Hi Kevin,

    That’s exactly what I want!!!
    Thanks a lot!!!

    You can check in my site how is working: https://irdviajes.cl/product/ventus/
    Thanks a lot again

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Looks great! You’re very welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change Font/Text Color’ is closed to new replies.