New Landing › How can we help? › General › Forum Help › product option titles

Viewing 4 posts - 1 through 4 (of 4 total)
  • Back to forum
    Posted in: Forum Help
  • March 14, 2016 at 12:04 pm #255173
    marion
    Member
    Post count: 11

    Hi,

    How can I add the option titles such as color and sizes above each dropdown option: http://website.m2clothing.co.uk/product/gant-mens-washed-pinpoint-oxford-shirt-pastel-pink/

    March 14, 2016 at 12:11 pm #255176
    David Martin – Support
    Moderator
    Post count: 20834

    Hi, please test this CSS:

    .woocommerce div.product form.cart .variations td.label {
    display: block!important;
    vertical-align: top;
    margin-top: 0;
}

    Thanks

    March 14, 2016 at 8:46 pm #255383
    marion
    Member
    Post count: 11

    Not really it does not look great, more like the picture attached.
    Would it be also possible to have the grey frames around the wishlist icon and the number of item selected like attached?

    Attachments:
    You must be logged in to view attached files.
    March 15, 2016 at 11:46 am #255492
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this to your custom css:

    .woocommerce div.product form.cart .variations select, #jckqv table.variations td select {
  height: 58px;
  padding: 6px 25px 6px 15px;
  width: 200px;
}
.woocommerce div.product form.cart .variations td.label {
  display: inline-block;
}
.woocommerce div.product form.cart .variations td.label label {
  line-height: 57px;
}

    – Kyle

  • Back to forum
    Posted in: Forum Help
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register