Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 28, 2017 at 2:18 am #752709
    goldengate415

    The new tab layout element in Enfold 4.01 looks very interesting. Is there any documentation for this new element… how to use etc?

    My specific questions:

    1. How change font and bold / no bold status of the tab headers? I would like them to be bold and a larger font.

    2. The default seems to be that the tab section takes up the whole screen, rather than adapting to content? How do you make a smaller tab section say 500 pixels wide, or one that adapts to the longest content? It does not seem like it is possible to put it in a layout element or a color section.

    Thanks!!!

    March 2, 2017 at 7:57 pm #754515
    Yigit

    Hey Rob!

    Sorry for the late reply :)

    We do not have any documentation about it yet however we might have one in near future :) You can simply add the element to your page and then drag & drop other elements inside it to display them inside your tabs.

    Please edit your Tab Section element and give it a unique ID (“unique-id” in example below) and add following code to Quick CSS 

    #unique-id .av-tab-section-outer-container {
    max-width: 500px;
    margin: auto;
}
.av-inner-tab-title {
    font-weight: bold;
}

    Cheers!
    Yigit

    March 2, 2017 at 10:51 pm #754684
    goldengate415

    Great, thanks! :)

    March 2, 2017 at 11:00 pm #754696
    Yigit

    Hi!

    You are welcome! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Enfold 4.01 New Tab Section – How define content size? How change font size?’ is closed to new replies.