Return to previous page

Adding responsive add to cart to single product page builder

This topic has 6 replies, 2 voices, and was last updated 5 years ago ago by Rose Tyler

  • Avatar: stephan
    stephan
    Participant
    November 6, 2019 at 14:33

    hello ,
    i want to add an responsive add to cart button with 100% width to single page builder .
    I tried to add css 100% width but its not working ,

    how can i make add to cart button 100% width ?

    #224461 Copied Theme version: last
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 6, 2019 at 14:38

    Hello,

    Please provide URL and temporary wp-admin access.

    Regards

    #224464 Copied
    Avatar: stephan
    stephan
    Participant
    November 6, 2019 at 14:49

    hello,
    please find the credentials

    Please contact administrator
    for this information.
    #224473 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 6, 2019 at 14:56

    Hello,

    Try to add this code in Theme options > Theme custom CSS > Global:

    .single-product .single_add_to_cart_button {
    width: 100%;
}

    If this doesn’t help, describe the desired result in more details and enable the builder. We will take a closer look.

    Regards

    #224475 Copied
    Avatar: stephan
    stephan
    Participant
    November 6, 2019 at 16:59

    it does work but only for simple products not for variable products

    builder its on on this site

    Please contact administrator
    for this information.
    #224484 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 6, 2019 at 17:03

    Change the previous code to:

    .single-product .single_add_to_cart_button,
.single-product .woocommerce-variation-add-to-cart,
.single-product .single_variation_wrap {
    width: 100%;
}

    Regards

    #224486 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress 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.