Hello,
I’m trying to adjust the space between the columns on my home page (blue section). Adjusting the layout padding for left or right doesn’t seem to do anything?
Any help would be great.
Thanks!
Hey Cynthia45,
Thank you for using Enfold.
Increasing the padding value should create more space between the columns. Did you toggle the css/js compression in the Enfold > Performance panel? A screenshot will help. Upload it on imgur or dropbox.
Best regards,
Ismael
Hi Ismael,
Is the performance panel new? I haven’t seen it before, so no, I didn’t toggle anything.
I’m actually looking to make the space between columns smaller, not larger. It usually works?
Hi,
Yes, the Performance features are quite new.
There’s a predefined margin for every columns and you can’t configure it in the settings panel. Adjust it in the Quick CSS field instead.
div .av_one_half {
width: 51%;
margin-left: 2%;
}
div .av_one_fourth {
margin-left: 2%;
width: 24.5%;
}
div .av_one_fifth {
margin-left: 2%;
width: 19.2%;
}
Default left margin is 6%. The css code above will decrease the margin 2% and add the difference to the default width.
Best regards,
Ismael
Thank-you!
Hi,
Glad Ismael could help! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit