Return to previous page

How to change font and color of buttons?

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

  • Avatar: rainbow69
    rainbow69
    Participant
    November 15, 2020 at 19:55

    How to change font and color of buttons?

    There are hard to see specially in mobile

    https://prnt.sc/vjlobp

    https://prnt.sc/vjlps6

    8theme
    Core Plugin for XStore theme. Version 3.1.2
    Xstore version 7.1.2
    XStore Child Version: 1.0

    I use coffee theme (elementor)

    Thanks.

    #259685 Copied Theme version: 7.1.2 WooCommerce version: 4.7.0
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 16, 2020 at 11:37

    Hello,

    To change the color of the buttons go to Theme Options > Styling > edit the Dark button styles and bordered button styles.

    There is no special option to change the font. Do you want to change the font-family or font-size? Do you want to change for mobile only or for both: desktop and mobile? I’ll be able to give you the custom CSS to change it.

    Regards

    #259756 Copied
    Avatar: rainbow69
    rainbow69
    Participant
    November 17, 2020 at 06:16

    Please give me the code..

    I want quicksand font.. I will try the font size, as long as it is clearly visible in desktop and mobile..

    Thanks.

    #259928 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    November 17, 2020 at 17:13

    Hello,

    Buttons already use the quicksand font http://prntscr.com/vkvgtu and http://prntscr.com/vkvj04
    If you want to change the font-size add the below code to Theme Options > Custom CSS

    .checkout-button {
    font-size: 25px !important;
}
.single_add_to_cart_button {
    font-size: 20px !important;
}

    Regards

    #260051 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
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Glasses Store – 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.