Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #257990

    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

    #258014

    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

    #258032

    That works – is this solution going to need me to create a new “rule” for each page ID?

    #258035

    Yes, you’d need to change the avia-builder-el-x class too.

    #258068

    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.)

    #258075

    Hey!

    Yes, something like this will do it:

    .flex_column{
    padding: 30px;
    }

    Adjust as needed.

    Best regards,
    Josue

    #258097

    brilliant! thanks, Josue… I really appreciate your time and support!
    ~ greg

    #258100

    You are welcome Greg, glad we could help :)

    Regards,
    
Josue

    #525278

    this is solved and can be closed…
    apologies for not properly following up

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘add padding to "split" columns’ is closed to new replies.