Return to previous page

Single Product Page – Left Bar Tab Title Box Size

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

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

Support staff

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)

The issue related to '‘Single Product Page – Left Bar Tab Title Box Size’' has been successfully resolved, and the topic is now closed for further responses

Single Product Page – Left Bar Tab Title Box Size

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection