Return to previous page

Css style on product page - by ShadowRunner

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

  • Avatar: ShadowRunner
    ShadowRunner
    Participant
    March 27, 2019 at 20:51

    Hello guys,
    i would like to know how can i make something like the image i’m showing in the example

    Please, contact administrator
    for this information.
    #211575 Copied Theme version: 5.1.6.1
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 28, 2019 at 08:20

    Hello,

    .single-product .quantity,
.single-product .single_add_to_cart_button {
    width: 49%;
    justify-content:  left;
}
.single-product .quantity input[type="number"] {
    max-width: 100%;
}
.single-product .quantity{
    margin-right: 2%;
}
.single-product .single_add_to_cart_button {
    margin-right: 0px;
}

    Regards

    #211590 Copied
    Avatar: ShadowRunner
    ShadowRunner
    Participant
    March 28, 2019 at 11:25

    Hello,
    thank you very much!
    That worked perfectly with the “add to cart” button, but can we make the quantity option to be like that, next to one another ?

    Please contact administrator
    for this information.
    #211604 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 28, 2019 at 11:32

    Hello,

    Make sure that the code was added correctly. Compare http://prntscr.com/n42o9g and http://prntscr.com/n42oed and change the code on your site > http://prntscr.com/n42os9

    Regards

    #211605 Copied
    Avatar: ShadowRunner
    ShadowRunner
    Participant
    April 2, 2019 at 15:35

    Perfect!
    Thank you very much !

    #211892 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 2, 2019 at 15:36

    Hello,

    You are welcome!

    Regards

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

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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – 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.