• 

  George

  Participant

  January 27, 2017 at 17:43

  How can I reduce the size of the tab box where the Titles go? I have taken out the padding but still would like to make the box smaller? Reduce height and decrease width? Maybe font size? This becomes most important on mobile view when using left bar tabs.

  Thanks.

  #153287 Copied Theme version: XStore Child Theme 3.5 WooCommerce version: 2.6.12
  5 Answers
  

  Olga Barlow

  Participant

  January 28, 2017 at 15:41

  Hello,

  To reduce the width of the tabs title box add the following code in custom CSS area or child theme style.css

  .left-bar .left-titles {
      width: 20%;
  }
  .left-bar .tab-content {
      width: 80%;
  }
  .left-bar.tabs .tab-title {
      font-size: 14px;
  }
  

  Regards

  #153333 Copied
  

  George

  Participant

  January 28, 2017 at 18:56

  Thanks. That does everything I need EXCEPT it does not reduce the height of the Left Tab Title box itself. Reducing font size does not adjust height of the box. I am looking to reduce the box size, then the font adjustment will be useful.

  Appreciate the help.

  #153347 Copied
  

  Rose Tyler

  Support staff

  January 31, 2017 at 13:48

  Hello,

  You can also use this code:

  .single-product .left-bar .left-titles li {
      padding: 10px;
  }

  Regards,
  Rose Tyler.

  #153555 Copied
  

  George

  Participant

  January 31, 2017 at 16:51

  That last css code does the trick in reducing size of title box. Thanks!

  #153582 Copied
  

  Rose Tyler

  Support staff

  February 1, 2017 at 08:02

  Hello,

  You’re welcome!

  Regards

  #153617 Copied
• Viewing 6 results - 1 through 6 (of 6 total)