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

TiagoSilva23
Tourist
18 0 2

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. 

Captura de ecrã 2023-10-23, às 14.11.36.png

 

thank you in advance for your help

Replies 8 (8)

suyash1
Shopify Partner
9133 1137 1484

@TiagoSilva23 - can you please share this page link?

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
Moeed
Shopify Partner
3695 932 1165

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:

Moeed_0-1698067800268.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
suyash1
Shopify Partner
9133 1137 1484

@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;}

 

suyash1_0-1698067916289.png

 

 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
TiagoSilva23
Tourist
18 0 2

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
Shopify Partner
9133 1137 1484

@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;}

 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
TiagoSilva23
Tourist
18 0 2

i was talking about this space

Captura de ecrã 2023-10-23, às 14.55.51.png

suyash1
Shopify Partner
9133 1137 1484

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

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session