How do I add spacing on add to cart and price

Support
#1

screenshotstore
screenshotstore1600×900 355 KB

I have added this css to global css

.woocommerce .products .product, 
.woocommerce .products .product .price {
    text-align:center
}

 .woocommerce-ordering {
     display: none;
}
 
.woocommerce-result-count {
     display: none;
}
 
.woocommerce li.product .entry-header .button {
     opacity: 1;
     position: relative;
     top: auto;
     left: auto;
     right: auto;
}

I would like to know how to also make button smaller as to not take up whole width

Thanks
George

#2

Hello George,

Thanks for writing in! Please apply the CSS width property to your button. You can use 90% width so that the button will not take up the whole width. For more details about the CSS width property, kindly check this out:

Please note that maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break.

Kindly let us know how it goes.

#3

Ok I was able to change the button but still need to add spacing between button and price how do I go about that

#4

Hello George,

One way of adding some space between your price and the button is to add a margin to one of the elements.
Add a bottom margin to the price element or a top margin for the button so that there will be some space in between. Check out the margin CSS property here:

Hope this helps.

#5

Thanks that did the trick

#6

You are most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.