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
• February 16, 2017 at 12:29 pm #314026
  amrit02

  Member

  Post count: 46

  Hi there,

  I was wondering if this type of accordion is technically possible to make using the current Atelier theme.

  Thanks

  Attachments:

  You must be logged in to view attached files.
  February 20, 2017 at 12:13 pm #314339
  David Martin – Support

  Moderator

  Post count: 20834

  It’s possible it might be with a little CSS. What is your URL/WP login?

  February 20, 2017 at 6:42 pm #314455
  amrit02

  Member

  Post count: 46

  This reply has been marked as private.
  February 22, 2017 at 7:47 pm #314784
  David Martin – Support

  Moderator

  Post count: 20834

  Thanks, will take a closer look and report back the CSS.

  February 23, 2017 at 6:44 pm #314934
  amrit02

  Member

  Post count: 46

  Thanks David

  February 24, 2017 at 5:57 pm #315088
  David Martin – Support

  Moderator

  Post count: 20834

  Please add this to Theme Options => Custom CSS:

  .woocommerce div.product .woocommerce-tabs ul.tabs  {
      float: none;
      width: 100%;
      font-size: 12px;
      font-weight: normal;
      margin-left: 0;
      padding-left: 0;
      overflow: visible;
  }
  
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
      background: transparent !important;
      margin: 0 !important;
      box-shadow: none;
      padding: 0 !important;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      border: 0;
      width: auto;
      display: inline-block;
  }
  
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
      white-space: nowrap;
      margin-right: 0;
      padding: 9px 10px;
      display: block;
      background: transparent;
      text-overflow: none !important;
      overflow: auto;
      max-width: none !important;
      font-size: 12px !important;
      text-transform: uppercase;
      letter-spacing: 0px;
  }
  
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
      background: #eee;
  }
  
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after {
      display:none;
  }
  
  .woocommerce div.product .woocommerce-tabs {
      margin-top:10px;
  }

• Back to forum

  Posted in: Atelier