Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1399788

    Hi

    Is there a way to make the content of the tab section full width on my site? Right now the default website width is 1140px but I want to overrule this on this specific page. I’ve managed to make one column full width but that’s not good enough since I’d like to be able to have two columns side by side.

    Link + pass in private content.

    #1399797

    Hi Jonas,

    Since you have a Custom ID for the tab section on the page, I think we can use that to target it specifically.
    Just add this CSS code in Enfold > General Styling > Quick CSS:

    #setup-select-area .av-layout-tab {
        padding: 0;
    }
    
    #setup-select-area .av-layout-tab-inner .container {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    Hope it helps.

    Best regards,
    Nikko

    #1399833

    It certainly did! Thanks a lot. :)
    One more question, though: Is there a way to vertically center the content of the two columns that I now have? So the text on the left is in the center of its column relative to the video on the right? If that makes sense?
    I drew it here: https://imgur.com/a/KMX0KKr

    #1399836

    Hi,

    Please edit the first column element and go to Row Settings > Row Layout, choose to display Equal Height, and set the Vertical Alignment to Middle: https://i.imgur.com/AsK8iEo.png

    Best regards,
    Yigit

    #1399838

    Thanks! I knew I had seen it somewhere. :)

    #1399839

    You can close this now.

    #1399875

    Hi,
    Glad Yigit could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Tab section – full width?’ is closed to new replies.