Woo Atribute Styling

creativepixel_242 · June 13

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

Phil · June 13

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 13

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

Phil · June 13

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 13

Sent... Thanks.

Phil · June 13

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 13

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 14

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 14

Thank you...

Woo Atribute Styling

Comments