Return to previous page

Change Font size of add to cart button - by tumoneygram@gmail.com

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

  • Avatar: tumoneygram@gmail.com
    tumoneygram@gmail.com
    Participant
    December 15, 2020 at 14:09

    I would like to Change Font size of add to cart button in product loop in Tablet/Ipad version. Thank you

    #264114 Copied Theme version: 7.1.3
    4 Answers
    Avatar: tumoneygram@gmail.com
    tumoneygram@gmail.com
    Participant
    December 15, 2020 at 14:17

    Url in private content

    Please contact administrator
    for this information.
    #264116 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 15, 2020 at 16:31

    Hello,

    Add the next code in Theme Options > Theme custom CSS > Global custom CSS:

    @media only screen and (max-width: 992px) {
    .products-loop .add_to_cart_button,
    .products-slider .add_to_cart_button {
        font-size: 0.75em;
    }
}

    Regards

    #264144 Copied
    Avatar: tumoneygram@gmail.com
    tumoneygram@gmail.com
    Participant
    December 16, 2020 at 12:13

    Hi Rose.

    Thank you very much. I don’t know why this code is not working when my iPad is displayed horizontally. Just works when the iPad is vertically or in mobile version. Thanks

    #264318 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 16, 2020 at 16:03

    Hello,

    Replace the previous code with the code below

    @media only screen and (max-width: 1024px) {
    .products-loop .add_to_cart_button,
    .products-slider .add_to_cart_button {
        font-size: 0.75em;
        padding: .91rem 1.2rem;
    }
}

    Regards

    #264367 Copied
  • Viewing 5 results - 1 through 5 (of 5 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
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme
lazy-placeholder
Typography – 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.