fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Can’t change variation button size after made horizontal with CSS

Alice Swann

Hi,

This is a great plugin, thank you! I am having some issues though.

I was struggling to make my variations sit horizontally instead of vertically, and found another person posted the same issue. They were given the following CSS to add in Additional CSS in Appearance > Customise:

.single table.variations {
width: 100% !important;
}

This worked fine however I can’t change the size of the buttons on the product page. I want them to be smaller and more square, but when I change the size in the styling settings nothing happens. Font size and height works, just not width.

Edit: I’ve just noticed it is something to do with the text – it won’t shrink past the length of the text, whereas before I added the CSS it would make the text go to two lines, so the box could be square. Is is possible to put the text on two lines while still having horizontal buttons?

Rezwan Shiblu

.

Rezwan Shiblu

Hi there,

Thanks for reaching us.

You can adjust the style/size from here – https://prnt.sc/IdHnKgMec5Yk

Thank you.

Alice Swann

Hi, thanks for your reply.

I have used those and can adjust the height and the font size, but since using the CSS to make them sit horizontally, the width won’t change. I’d like the buttons to be square with the writing on two lines to fit that shape.

 

Rezwan Shiblu

Hi Alice,

Can you please give us temporary admin access to your site? We’ll try to investigate the issue for you.

You can add new users by going to Users > Add New set the user and password for us, set the role to admin, and set the info here.

And add your site URL, login username, and password in the site login area. Follow this guideline: https://www.useloom.com/share/27c1f2ac633c4060b2da883d946107d7

Hope to hear from you soon!