Home › Forums › WoodMart support forum › Variable product drop-down label vertical alignment

Variable product drop-down label vertical alignment

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 11, 2020 at 4:12 pm #194131

    horny_fungus
    Participant

    When you have more than one drop-down for attribute selection on product page, label of the last one always has different vertical alignment compared to preceding ones. Please take a look at this pic – https://prnt.sc/sesq34

    May 11, 2020 at 9:02 pm #194166

    Elise Noromit
    Member

    Hello,

    Please make the full backup of your site and check how it looks on a default theme to detect if our theme causes the problem.

    Best Regards

    May 12, 2020 at 9:55 am #194290

    horny_fungus
    Participant

    Storefront theme has different layout – https://prnt.sc/sf81ec
    So there’s no way to check. But I checked your Woodmart demo page – https://woodmart.xtemos.com/shop/accessories/wooden-bow-tie-man/
    All label containers except last one have 20px bottom padding. This causes misalignment of label element of last container.
    See pic – https://prnt.sc/sf8btc
    This is not an issue in your demo layout, but this leads to misalignment with other layouts.

    May 12, 2020 at 10:54 am #194321

    horny_fungus
    Participant

    Hmm, looks like my previous statement is not true. Actually in your demo all the table rows have the same height and all row except last one have 20 px bottom padding.
    But in my case last row has bigger height than previous ones and lacks padding as well. It’s size is equal size + padding of previous ones.
    See the pic to better understand, here’s my site – https://prnt.sc/sf97tq and here’s your demo – https://prnt.sc/sf9n0y

    This is what causes the issue but I have no idea from where this last table row height increase does come.

    May 12, 2020 at 4:05 pm #194418

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area as well as the page URL with the problem.

    Best Regards

    May 12, 2020 at 5:01 pm #194425

    horny_fungus
    Participant

    Here they are:

    May 13, 2020 at 12:23 pm #194638

    Elise Noromit
    Member

    Hello,

    This is the way it looks like on the layout with a big image https://prnt.sc/sfzsao

    In addition, the drop-down has been customized, deactivate the customization and will check again.

    Best Regards

    May 13, 2020 at 5:29 pm #194715

    horny_fungus
    Participant

    This is the way it looks like on the layout with a big image

    So you suppose to change the layout? SOrry, but this is not an answer.
    As for customisation I don’t get what are you talking about. Some product drop-downs are customised but not this one.

    May 13, 2020 at 10:28 pm #194765

    Elise Noromit
    Member

    Hello,

    Please disable all the plugins not related to the theme and remove the drop-down customization and check how it would look like. The screen shows the view, the provided image is smaller.

    Best Regards

    May 14, 2020 at 8:48 am #194883

    horny_fungus
    Participant

    1) as I mentioned above drop-downs are not customised for these products
    2) I deactivated all plugins except WooCommerce, Woodmart Core and WPBakery and here’s what I got – https://gyazo.com/650d435d74919ce2a285bd53083e0576

    May 15, 2020 at 7:00 am #195190

    Elise Noromit
    Member

    Hello,

    This is caused by the “Clear button” which is hidden until you chose a variation. This is Wooocmmerce functionality and our theme does not influence. Please add this code to the Theme Settings > Custom CSS > Global to correct:

    .variations_form .variations tr:last-child td label {
  margin-bottom: 18px;
}

    Best Regards

    May 16, 2020 at 9:14 am #195478

    horny_fungus
    Participant

    Thanks, that’s the same solution I came to myself. It’s working in most cases. I will write to this theme if it will cause any issues, but it seems to work fine for now.

    May 17, 2020 at 9:39 am #195649

    Elise Noromit
    Member

    If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Variable product drop-down label vertical alignment’ is closed to new replies.