Tagged: column padding
Hello Support,
I am attempting to add padding on columns that are split; either 1/2 and 1/2 or 1/3 and 2/3.
You can see that they are almost on top of each other and need some margin/padding between them. However, I haven’t been successfully in getting it done – and would like to do it without “ruining” the responsive aspects of the site.
Here are two great pages that show the issue:
http://www.org-consult.com/development/our-solutions/
http://www.org-consult.com/development/our-solutions/syspro/
Can you help me here?
Thank you,
Greg
Hey Greg!
Try adding this code to the Quick CSS:
.page-id-2316 .avia-builder-el-3, .page-id-2316 .avia-builder-el-6{
padding: 30px;
}
.page-id-2983 .avia-builder-el-1, .page-id-2983 .avia-builder-el-3{
padding: 0 30px;
}
Cheers!
Josue
That works – is this solution going to need me to create a new “rule” for each page ID?
Yes, you’d need to change the avia-builder-el-x class too.
OK – as a final thought… is is possible to create a set of rules that will affect all new pages?
(I appreciate your help with this.)
Hey!
Yes, something like this will do it:
.flex_column{
padding: 30px;
}
Adjust as needed.
Best regards,
Josue
brilliant! thanks, Josue… I really appreciate your time and support!
~ greg
You are welcome Greg, glad we could help :)
Regards,
Josue
this is solved and can be closed…
apologies for not properly following up