How to Display Label besides the Color

Hi @jedmarru

Thanks for reaching out. Does your theme show the label without the “Swatchly” plugin installed?

If the theme doesn’t disable the label then there will need to do some custom CSS to achieve your need.

It would be good if you can provide us a full screenshot of the product details page OR the website URL of your site.

Thanks!

• This reply was modified 3 years ago by HT Plugins.

Hi Team,

Sure this is the link https://kanzey.com/product/product-9

I wanted to have label beside the color. But I don’t know how to.

Thanks,
JD

Hi @jedmarru

Sorry for the delay. We have had holidays over here. Please use the CSS code below to achieve this.

.elementor-widget-wc-add-to-cart .elementor-widget-container .swatchly_variation_form .variations tbody tr {
    display: flex !important;
    align-items: center;
}

You have to put the above code in your site’s additional CSS. To place the code into additional CSS from Appearance > Customize. Follow these screenshots for better understanding.
Step1: https://postimg.cc/image/lc93c4a05/
Step2: https://postimg.cc/image/c5qsou4rp/
Step3: https://postimg.cc/image/6iufrd291/

If you have any question, please let us know.

Thanks!