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 </body> tag

<style>
.radio__legend span:not(.radio__legend__label) {
    display: none !important;
}
.radio__fieldset .radio__button label {
    padding: 5px !important;
}
</style>

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