Return to previous page

Css style on product page - by ShadowRunner

This topic has 6 replies, 3 voices, and was last updated 5 years, 7 months 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Corporate – 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.