Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • October 18, 2013 at 5:56 pm #177519
    awilson3rd

    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

    October 19, 2013 at 2:39 am #177653
    Josue

    Hi Andrew,

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

    Regards,
    Josue

    October 19, 2013 at 9:28 am #177794
    awilson3rd

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

    Thanks

    Andrew

    October 19, 2013 at 11:18 am #177819
    awilson3rd

    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

    October 21, 2013 at 9:57 pm #178656
    Yigit

    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 10 years, 6 months ago by Yigit.
    October 22, 2013 at 11:06 am #178966
    awilson3rd

    Hello Yigit,

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

    Thanks

    Andrew

    October 22, 2013 at 1:22 pm #179043
    Yigit

    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

    October 22, 2013 at 1:30 pm #179054
    awilson3rd

    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; }

    October 23, 2013 at 1:21 pm #179649
    Yigit

    Hi!

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

    Best regards,
    Yigit

    October 23, 2013 at 2:23 pm #179672
    awilson3rd

    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

    October 23, 2013 at 4:01 pm #179736
    Yigit

    Hi!

    Sure, waiting to hear from you :)

    Cheers!
    Yigit

    October 24, 2013 at 12:06 pm #180202
    awilson3rd

    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

    October 24, 2013 at 4:40 pm #180301
    Yigit

    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

    October 24, 2013 at 4:59 pm #180319
    awilson3rd

    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

    October 24, 2013 at 5:02 pm #180320
    awilson3rd

    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

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Spacing Between Tabs’ is closed to new replies.