Put Size and Color side by side and remove dropdown option for Color Variant

[glucinth]

Good day! May I ask for assistance on how can I put the Size and Color beside each other and remove the dropdown option for Color Variant? I am using DAWN THEME. Thank you!

CURRENT PREVIEW:

WHAT I WANT TO ACHIEVE:

[PageFly-Henry]

Hi @glucinth 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

<style>

variant-selects {

    display: flex !important;

}
</style>

Hope that my solution works for you.

Best regards,

Henry | PageFly

[glucinth]

Hello @PageFly-Henry, thank you the alignment worked! But would you know how can I remove the dropdown for the color variation? Similar output like this one below? 

[PageFly-Henry]

variant-selects svg {
display: none !important;
}

you can try this code

[glucinth]

Hello. Where should I paste it? I tried to paste it under the other code it remove both the dropdown for size and color. If possible, I am aiming to remove the dropdown for color only and have a dropdown for size. Sorry.

[PageFly-Henry]

Could you share with me  the page URL?

[glucinth]

Hello, is it ok if I dm it to you? Thank you.

[glucinth]

*bump* - I would really appreciate some help with this if someone could assist! Thank you!