Aligning variant picker dropdown boxes to the right

[ConfuzedPenguin]

Hi, 

I'm looking to move the variant picker drop down boxes to the right hand side of the product page. So far I've worked out how to move the headers to the boxes to the right of the box, but that's it. Can anyone suggest a solution. I'm using the Dawn theme, I'm no expert with the coding side of the process but I can work by way around (usually lol).

Thanks in advance for any help.

 

[kayakakan]

Hello, please provide the link to your store so we can inspect it and propose some solutions.

[ConfuzedPenguin]

sure thing, its www.rhiannonstalons.co.uk 

[kayakakan]

Ok, try this and tell me if it's the desired look: 

variant-selects {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

[ConfuzedPenguin]

Where should I enter the code?

[kayakakan]

Sorry for omitting that.

1. In your Admin dashboard go to Online Store → Themes
2. Click on the Customize  button for your theme
3. Go to Settings ; on the left panel there's a gear icon
4. Paste in the Custom CSS box

If it doesn't work add !important before each line that ends with ';'

[kayakakan · Accepted solution]

Sorry for omitting that:

1. On your Admin dashboard go to Online Store → Themes
2. Click the Customize button for your theme
3. Go to Settings ; there's a gear icon on the left panel
4. Paste the code in the Custom CSS box

If it doesn't work add !important right before the semi-colon ';' of each line that has it. Hope this is clear enough.

[ConfuzedPenguin]

That worked great, thanks.