Dawn Theme- centring variant selectors

[kcam93]

Hi everyone,

I am using the latest version of Dawn and I am customising it.

I have managed to centralise everything on the product page except the variant selector (the S/M/L buttons). I have managed to centralise the title of the variant but not the actual buttons yet. 

Can anyone advise how to do this?

My store URL is password protected and unpublished currently so can not share. 

Thanks so much in advance!

[2BDigital]

Hi @kcam93 

If you add this to the very bottom of your /assets/base.css file using your editor:

variant-radios {
    text-align: center;
}

It'll center everything as per this example:

Hope that helps!

[kcam93]

Hey,

Thanks so much for your suggestion but it hasn't worked unfortunately 😞

[2BDigital]

Hi @kcam93 

Can you share the store password with me perhaps by DM so I can see what's actually happening and where the styles are being pulled from?

Will be hard to really know why it's not working without being able to see the code.

[kcam93]

sure, i will DM now! 

[2BDigital · Accepted solution]

Hi @kcam93 

Thanks for passing those across.

Ok so instead if we edit the assets/section-main-product.css file, if you can find this section (around line 160):

variant-radios,
variant-selects {
  display: block;
}

And add the rule to the bottom of this list between the {} so that it looks like this instead:

variant-radios,
variant-selects {
  display: block;
  text-align: center;
}

You should get the result you're looking for.

[kcam93]

It worked!!! Thank you so much you are a star