Size of variant (in may case its the size) square - pipeline theme

[TiagoSilva23]

Hi all,

Nice to write here with this community

I have a very low experience with coding.

I just want to make the squares look smaller and delete the size number.

thank you in advance for your help

[suyash1]

@TiagoSilva23 - can you please share this page link?

[TiagoSilva23]

https://thmpua8v767j5qnv-66879226169.shopifypreview.com

[Moeed]

Hey @TiagoSilva23

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[suyash1]

@TiagoSilva23 - add this css to the very end of your theme.css file and check, adjust numbers as per the need

.product__align-left .radio__button label {padding: 8px !important;
max-width: 40px !important;}

.radio__legend span:not(.radio__legend__label) {display: none;}

[TiagoSilva23]

its possible to make it with the same margins between them ? And you can increase the space to fit on more square per row?

thank you

[suyash1]

@TiagoSilva23 - update css to add margin bottom to it, so it becomes, adjust number as per the need

.product__align-left .radio__button label {padding: 8px !important;
max-width: 40px !important; margin-bottom:10px;}

[TiagoSilva23]

i was talking about this space

[suyash1]

@TiagoSilva23 - it is column grid structure, I do not recommend to change it