Add to Basket Button

[SonicMishima]

Hello,

I've modified the add to basket button on products page, by adding that to the css:

.woocommerce a.button.add_to_cart_button{
padding-left: 100%;
padding-right: 100%;
background-color:white;
color:black;
border: 1px solid black !important;
}

And the text has now two lines

Any idea to get everything in one line?

Thx!!

[arminunruh]

sure!

use:

white-space: nowrap;

[SonicMishima]

Thanks, but when I do that, it makes the button larger, actually too large so it overlaps on the next button

[arminunruh]

@SonicMishima can u send the url?

[SonicMishima]

@arminunruh here it is
https://haunted-dancehall.com/
Thanks ;)

[arminunruh]

.woocommerce a.button.add_to_cart_button{
padding-right: 20px;
padding-left: 20px;
white-space: nowrap;
}