Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 18, 2015 at 4:04 am #397941
    alex5252

    How do I center the tabs in the tab module?

    https://fundraisingcommittee.net/homepage/

    Thanks,
    Alex

    February 18, 2015 at 3:55 pm #398208
    Yigit

    Hey Alex

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

    @media only screen and (min-width: 1340px) {
.tab_titles { left: 18%; }}

    Cheers!
    Yigit

    February 18, 2015 at 5:18 pm #398278
    alex5252

    Thank you, is there a way to make that responsive so it stays centered as the screen size decreases? Also is there a way I could make the font size decrease so it can all stay on one line.

    Thanks for the fantastic support!

    February 18, 2015 at 9:54 pm #398479
    Elliott

    Hey!

    For the responsive tabs try this.

    .responsive .tabcontainer .tab { text-align: center !important; }

    Best regards,
    Elliott

    December 20, 2016 at 12:33 am #726369
    haydaw

    For anyone else searching or a resolution to this that is responsive and can adapt to variable content:

    
.tab_titles {
    text-align: center !important;
}

.tab_titles .tab {
    display: inline-block !important;
    float: none !important;
}
    December 20, 2016 at 8:37 am #726464
    Rikard

    Hi @haydaw,

    Thanks for sharing, much appreciated :-)

    Best regards,
    Rikard

    September 14, 2017 at 3:00 pm #852068
    Vasilis

    Hi everyone,
    i tried the css code of haydaw and it worked fine with centralising tabs. I have a widget area where I wanted to show 3 tabs.
    However I had also a Combo widget and had removed the comments and tags tab instructions on this thread https://kriesi.at/support/topic/remove-comment-field-from-enfold-combo-widget/ .
    Now the comments and tags tab came back on the combo widget.

    Can you please assist?

    September 16, 2017 at 8:51 pm #852942
    Mike

    Hi,

    @samvasgr     Please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    September 17, 2017 at 1:39 am #852988
    Vasilis

    It is samolis.family but on the homepage I do not have side widgets. You can have a look at any other page e.g. http://samolis.family/en/the-history-of-samolis-family/

    September 17, 2017 at 3:40 pm #853075
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .tab_titles .tab.widget_tab_comments, .tab_titles .tab.widget_tab_tags {display:none!important;}

    Best regards,
    Mike

    September 17, 2017 at 11:53 pm #853175
    Vasilis

    It worked.
    Thank you very much!

    September 18, 2017 at 6:20 am #853248
    Jordan Shannon

    Hi,

    I’m glad you were able to get the help you needed. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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