Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to style or set custom tabs addon tab to be position on top rather than left

Featured Lock Resolved
I am adding tabs addon using custom style. But apparently i cannot get the setting to make the tabs appear on top rather than on left as shown in the image attached. Could anyone help me please

5 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
On my SPPB Pro , when I choose "Style for Tabs : Default" they are on the top.

Sifat - Staff

More than a month ago #Permalink
Thanks for your query. You are talking about the dafault view.
Sorry this is not a default feature of custom tab settings.

-Best Regards

Paul Frankowski - Staff

More than a month ago #Permalink
but with custom style...
you have to add several CSS lines more, here is example part

.sppb-nav-custom {
width: 100% !important;padding-right: 0;float: none !important;}

.sppb-nav.sppb-nav-custom > li {display: inline-block !important;}

.sppb-tab-custom-content {
width: 100% !important;
padding-left: 0 !important;

Attachments (1)

  • custom_css_for_pages_sppb.png
    custom_css_for_pages_sppb.png 7.6 KB


2 days ago #Permalink
Hi team,

The CSS worked to move the tabs on top but seemed to remove the "Navigation Blank Space" in between the tabs, making it one long tab in appearance (attached).

How do I add/control the "Navigation Blank Space" with the new CSS applied?


Attachments (1)

  • Screen Shot 2019-11-15 at 3.18.02 PM.png
    Screen Shot 2019-11-15 at 3.18.02 PM.png 31.3 KB

Paul Frankowski - Staff

1 day ago #Permalink
It's basic CSS, please are you a webmaster or not?

tip add a right margin for this class

.sppb-nav.sppb-nav-custom > li

There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110


Total Accepted Answers: 61


Total Accepted Answers: 47
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 14
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 12




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us