Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #177519

    Hello,

    Is it possible to add some spacing between the top tab title containers? They all merge into one with just a line divider, add some spacing would
    make it look more like a tab container.

    Thanks

    Andrew

    #177653

    Hi Andrew,

    What kind of Tab are you using (left or top), can you post the link to your website please?

    Regards,
    Josue

    #177794

    I am using top tabs – I just need a couple of px spacing between the top tab title boxes.

    Thanks

    Andrew

    #177819

    Just to add to the above, is it also possible to have the tab title boxes (or whatever you call them) to align to the center, I don’t mean the actual text but the box the tab title sits on.

    Thanks again,

    Andrew

    #178656

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .js_active .top_tab .tab { margin-right: 10px!important; }

    Regards,
    Yigit

    • This reply was modified 1 year, 1 month ago by  Yigit.
    #178966

    Hello Yigit,

    Thanks for the reply. It didn’t make a change unfortunately – any other ideas?

    Thanks

    Andrew

    #179043

    Hey!

    I updated the code in my previous post. Please try adding it and then flush browser cache and refresh your page a few times. It is working on my installation

    Best regards,
    Yigit

    #179054

    Hello Yigit,

    Thanks for the reply – still no joy, this is the complete code I am using (I have added some other adjustments to the tabs)

    .tab {
    font-size: 14px !important;
    }

    .main_color .tabcontainer .active_tab {
    background-color: #734854 !important;
    color: white !important;
    }

    .js_active .top_tab .tab { margin-right: 10px!important; }

    #179649

    Hi!

    Do you mind creating a temporary admin login and posting it privately so we can take a look?

    Best regards,
    Yigit

    #179672

    Thanks Yigit,

    I will have to wait until the site goes live and then let you know. Please keep this open if thats ok.

    Andrew

    #179736

    Hi!

    Sure, waiting to hear from you :)

    Cheers!
    Yigit

    #180202

    Hello Yigit,

    Since I updated this morning the spacing between the tabs is now ok. However, the actual background color of the tab content area (not the title) has changed from white to a grey, any ideas why?

    Thanks

    Andrew

    #180301

    Hi!

    Glad that it is working fine now!
    Please add following code to Quick CSS in Enfold theme options under Styling tab

    div .main_color .tabcontainer .active_tab_content { background-color: white; }

    Cheers!
    Yigit

    #180319

    Thanks Yigit.

    Didnt have any effect. Please close the ticket though as I will work on this at some other time, it’s not overly important. Thanks again for your help.

    Andrew

    #180320

    Actually, when I put #top before the css it works ok so I guess something is stopping it unless I put top. Anyway, all ok now, thanks again

    Andrew

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Spacing Between Tabs’ is closed to new replies.