Hi,
Is it possible with ENFOLD to have 2 columns (for example 2/3 + 1/3) in fullwidth, with an image in background and some content, like in this site : https://www.audi.fr/ ?
No problem with 100%, but in full screen ?
Thanks
Hi,
I found the solution to my problem here : https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width
with the folowing CSS code :
/* Color section container width */
#fullwidthsection .container {
width: 100% !important;
min-width: 100%;
padding: 0;
margin: 0;
}
now, I am loking for how to reduce the space between the columns…
Thanks
Hi,
Thanks for the update, do you want to remove all the space? If so then you can try this:
.page-id-4069 .av-flex-placeholder {
display: none;
}
Best regards,
Rikard
Hi Rikard,
Thanks, no I want to have 5 or 10 px.
Can you please give me the code ?
Thanks
11 px exactly, to have the same space than between the 2 rows of columns.
Thanks
Hi,
For the horizontal space between the two rows, please try this css:
#top.page-id-4069 .hr.hr-invisible.avia-builder-el-9 {
height: 11px !important;
}
Best regards,
Mike
Hi Mike and Rikard,
I have now 2 columns in fullwidth.
And I can ajust the space betwen the 2 columns with the CSS code below
.page-id-4069 .av-flex-placeholder {
display: none !important;
}
And for the horizontal space between the two rows, no need code, with the “Seperator / whitespace”.
thanks a lot for your help.
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)
Best regards,
Mike