How can I modify the design of my product page?

[admintb]

Hi there

I would like to put the title of the size selection into the dropdown and I would like to make the color swatch box smaller. Please help me:

 Shop Link: https://zpiht1ohg2wr7er6-70487015690.shopifypreview.com

Like this:

 

[webwondersco]

@admintb , add the below line of CSS at the end of your theme.css file

.variant-picker .variant-picker__option:first-child{order:2}

[admintb]

Thank you, can you do also the rest? 🙂

[webwondersco]

@admintb could you please explain what other issue you are facing?

[admintb]

I would like to have the title "Select Size" in the dropdown like this:

[webwondersco]

@admintb  for the select size please check your theme customization options.

if not found there then need to add some custom code for that

[admintb]

I am asking you for the custom code, because I can't change this 

[webwondersco]

@admintb  for that I have to check your theme code.

Are you able to give collaborator access?

[admintb]

Can you work with this using source text ?

https://zpiht1ohg2wr7er6-70487015690.shopifypreview.com

[webwondersco]

Sorry to say but from the source code can't manage such a thing. If it is related to CSS then it'll be easily managed.

[webwondersco]

@admintb for decreasing the size of color swatch add below line of CSS:

.color-swatch {
  --swatch-size: 1.5rem;
}