Woo Atribute Styling

creativepixel_242 · June 2024

Hi I am have attributed on my product page and the label shows on the side of the drop down. How to I reposition the label to above the drop down and the drop down to full width. As attached.

Screen Shot 2024-06-13 at 6.08.44 pm.png

48.05 KB

Phil · June 2024

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

creativepixel_242 · June 2024

how do i privately send you the login details to the wordpress backend.

Phil · June 2024

Please send this information privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact.

Notice!

Please attach a link to this forum discussion.

Thanks

creativepixel_242 · June 2024

Sent... Thanks.

Phil · June 2024

I have inserted the following CSS code into your Theme options:

.mfn-variations-wrapper .mfn-vr{
 flex-direction: column!important;
 align-items: start !important;
}

Please check your website now.

Best regards

creativepixel_242 · June 2024

That is great, thanks Phil.

For one last thing, how do I adjust the width of the dropdown field to full width like the add to cart button.

Thanks in advance.

Cheers

Rob

Phil · June 2024

It can be done with the following CSS code:

.single-product .mfn-variations-wrapper select{
 width: 100%;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

creativepixel_242 · June 2024

Thank you...

Woo Atribute Styling

Comments