Return to previous page

Variant on the same line - by Rowan Keizer

This topic has 4 replies, 3 voices, and was last updated 4 years, 6 months ago ago by Rose Tyler

  • Avatar: Rowan Keizer
    Rowan Keizer
    Participant
    October 25, 2019 at 10:40

    Hi There;

    Please can you help me. On my single product page, I would very much like to have the color variant displayed next to the Color label. Would this be possible?

    #223827 Copied Theme version: Latest WooCommerce version: Latest
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 25, 2019 at 10:55

    Hello,

    Like this http://prntscr.com/pnygmk
    Then add the code below to Theme Options > Theme Custom CSS

    .product-information table.variations td.label, .product-info-wrapper table.variations td.label, .product-summary-center table.variations td.label {
    display: inline-block;
    margin-right: 15px
}
.product-information table.variations td.value, .product-info-wrapper table.variations td.value, .product-summary-center table.variations td.value {
    width: auto;
}

    Regards

    #223831 Copied
    Avatar: Rowan Keizer
    Rowan Keizer
    Participant
    October 25, 2019 at 11:12

    Works perfectly, thank you so much 🙂

    #223834 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 25, 2019 at 11:58

    Hello,

    You’re welcome!

    Regards

    #223840 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Variant on the same line’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Industrial Power Tools Store – WordPress WooCommerce Theme
lazy-placeholder
Games Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.