ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• July 12, 2016 at 11:04 am #280702
  nelga

  Member

  Post count: 31

  Hello!

  Just a quick formattting question. Is it possible to make the additional information tabs on the product page horizontal (side by side) rather than stacked as per the default? Couldn’t seem to find any options for this.

  Attached a couple of pics to help demonstrate.

  Cheers,
  Glen

  Attachments:

  You must be logged in to view attached files.
  July 13, 2016 at 11:40 am #280960
  David Martin – Support

  Moderator

  Post count: 20834

  This is not possible out the box, you’d need to modify the CSS by adding this to your Theme Options => Custom CSS

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
      margin: 0 30px -2px 0!important;
      border: 0;
      width: initial;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
      max-width: inherit;
  }
  .woocommerce div.product .woocommerce-tabs .panel {
     width: 100%;
     border-left: none;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs {
      border-bottom: 2px solid #e3e3e3;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after { 
  display: none;
  }

• Back to forum

  Posted in: Atelier