Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 15, 2015 at 1:20 am #428583
    thecszone

    I have pages where I have used the Avia Layout Builder to place two 1/2 columns side by side. I want to narrow the margin between the two columns by moving the right column closer to the left. How do I do that in my custom CSS?

    April 15, 2015 at 8:31 pm #429207
    Elliott

    Hi thecszone!

    Try this out.

    div .av_one_half {
  margin-left: 2% !important;
  width: 48% !important;
}

    Cheers!
    Elliott

    April 16, 2015 at 2:04 am #429315
    thecszone

    This works great, Elliot, except it changes every page I am using columns on when I want it to apply only to specific pages. Is there a way for me to specify certain pages that it applies to or pages that are excluded?

    April 16, 2015 at 9:44 pm #429926
    Elliott

    Hi!

    Drag a codeblock element to your page and add this inside.

    <style type = "text/css">
div .av_one_half {
  margin-left: 2% !important;
  width: 48% !important;
}
</style>

    Cheers!
    Elliott

    April 16, 2015 at 10:53 pm #429949
    thecszone

    Works perfect. Thanks, Elliott!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘1/2 column margins’ is closed to new replies.