Return to previous page

I want to change the color and text style of Woocommerce tabs.

This topic has 4 replies, 3 voices, and was last updated 3 years, 7 months ago ago by Olga Barlow

  • Avatar: Usman Shahzad
    Dox
    Participant
    April 24, 2021 at 22:28

    Hi,

    1) I want to change the color and text style of Woocommerce tabs.

    Color: #2B5F84
    Bold
    Font: 18px

    Please check the pic…

    https://ibb.co/MVPFmDf

    2) I also want to change the color and hover color of woocommerce comment sent button

    Color: #2B5F84
    Bold
    Font: 18px

    please take a look at the pic:

    https://ibb.co/WG5qgzw

    #285341 Copied Theme version: 7.2.7 WooCommerce version: 5.2.2
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 25, 2021 at 09:11

    Hello,

    1) Try to use the next custom CSS code:

    .tabs .tab-title {
    color: #2B5F84;
    font-size: 18px;
    font-weight: bold;
}

    2) You can change color and bg color via Theme Options > Styling > Dark buttons.
    About font:

    .single-product .form-submit input[type="submit"] {
    font-size: 18px;
    font-weight: bold;
}

    Regards

    #285374 Copied
    Avatar: Usman Shahzad
    Dox
    Participant
    April 26, 2021 at 20:44

    Hi, I have changed the dark button color, but the button colors are not changing..

    I want to show the comment sent button like this on hover:

    https://ibb.co/44mztcg

    Please provide me the css code for it..

    Thanks

    #285513 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 27, 2021 at 13:00

    Hello,

    Provide us with correct WP Dashboard access to check the Dark button settings and find out why it does not work for you.

    Regards

    #285569 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Glasses Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.