remove margins around variations on Single product page

  • Resolved aguapanelacc

    (@aguapanelacc)


    3 years, 11 months ago

    Hello,

    On my single product page I have too much white space around the variations (sizes) and add to cart button in the short description section. Resulting in too much scrolling to see the add to cart button and the big description below.

    How can I quickly remove these margins and paddings ?

    thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Rynald0s.a11n

    (@rynald0s)

    Automattic Happiness Engineer

    3 years, 11 months ago

    Hi @aguapanelacc!

    You can try using the following CSS code to see if that helps: 

    .woocommerce div.product form.cart .variations {
    margin-bottom: 0em;
}

    You can add this CSS code to the “Additional CSS” section in your customiser view.

    Cheers!

    Thread Starter aguapanelacc

    (@aguapanelacc)

    3 years, 11 months ago

    Thanks a lot rynaldos!

    what I also added is:

    .woocommerce div.product form.cart {
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0px;
}
.woocommerce div.product form.cart .variations {
    margin-bottom: 0em;
	margin-top: 0em;
}

    thanks again!

    Plugin Support Missy a11n

    (@m155y5)

    Automattic Happiness Engineer

    3 years, 11 months ago

    Hi @aguapanelacc –

    Just to be sure – did Rynald0s’s CSS work for you? If so, please let us know so we can mark this as resolved (or you can also mark it as resolved yourself). Thank you!

    Plugin Support Missy a11n

    (@m155y5)

    Automattic Happiness Engineer

    3 years, 11 months ago

    We haven’t heard back from you in a while, so I’m going to go ahead and mark this thread as resolved. If you have any other questions please feel free to start a new thread.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘remove margins around variations on Single product page’ is closed to new replies.