Center Variant Picker Ella Theme 6.6.2

[Only1mrsfragili]

Hello,

Can someone please tell me how to center the variant picker on all views that are desktop?

Preview link to my store is below

https://stsmyndp7yf6cyqi-55024255114.shopifypreview.com

Thanks in advance

[BSS-TekLabs]

Do you want like this @Only1mrsfragili ?

[BSS-TekLabs]

- Here is the solution for you @Only1mrsfragili 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

.select__select, option {
     text-align: center !important;
}

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Only1mrsfragili]

Sorry, I was having an issue highlighting, I mean the entire box.  It looks like it gets cut off and I don’t like it.

 

[BSS-TekLabs · Accepted solution]

Can you try add this code to last line file base.css @Only1mrsfragili 

.product-form__input .form__select {
        left: 6.25rem !important;
}

[Only1mrsfragili]

Thanks so much!

[BSS-TekLabs]

Glad to help you. Have a good day.

[BSSCommerce-HDL]

Hi @Only1mrsfragili, 

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.form__select.select select {
    text-align: center !important;
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍