Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #397941

    How do I center the tabs in the tab module?

    https://fundraisingcommittee.net/homepage/

    Thanks,
    Alex

    #398208

    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

    #398278

    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!

    #398479

    Hey!

    For the responsive tabs try this.

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

    Best regards,
    Elliott

    #726369

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

    Hi @haydaw,

    Thanks for sharing, much appreciated :-)

    Best regards,
    Rikard

    #852068

    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?

    #852942

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

    Best regards,
    Mike

    #852988

    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/

    #853075

    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

    #853175

    It worked.
    Thank you very much!

    #853248

    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

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

The topic ‘Center Tabs’ is closed to new replies.