Tagged: full width, tab section
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.
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
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
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
Thanks! I knew I had seen it somewhere. :)
You can close this now.
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