Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 2, 2018 at 6:05 pm #980183
    bakbek

    Hi, how can I make the following changes in my product page?

    Add some spacing between the price and the buy button below.
    Move the quantity selector to the right and the add to cart button to be on the left of the quantity selection.

    Thanks!

    July 3, 2018 at 7:19 pm #980709
    Yigit

    Hey DROR,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
.rtl #top .woocommerce-variation-add-to-cart.variations_button {
    flex-direction: row;
}

    Best regards,
    Yigit

    July 4, 2018 at 10:37 am #981053
    bakbek

    Hi, that didn’t make any change. One CSS line can move the quantity to the right, the add to cart button to the left and add spacing between the price and the button below?

    What am I missing here?

    July 7, 2018 at 11:03 am #982375
    Victoria

    Hi bakbek,

    I get a 404 on the link, did you move the page or do I need credentials to see it?

    Best regards,
    Victoria

    July 8, 2018 at 12:45 pm #982682
    bakbek

    Sorry about that, the correct link is attached.

    July 8, 2018 at 10:15 pm #982868
    Mike

    Hi,
    When I look at your page, I don’t see the price above the button, but this code can switch the button and the quantity around:

    #top.rtl .woocommerce-variation-add-to-cart.variations_button {
    flex-direction: row !important; 
}

    Please see screenshot in Private Content area.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.