Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 7, 2013 at 3:58 am #197224
    NaturaIntegrativeMedicine

    Hello Wonderful Kriesies!

    I am wondering if somebody could give me guidance on how to make columns within the same text block / promo box / icon box.

    For example, at the bottom of this page, there’s a section titled “Naturopathic Treatment May Include.” I’d like the list in that box to be presented in 3 even-sized columns.
    http://naturaintegrativehealth.com/?page_id=2581

    Thanks for your help!

    December 7, 2013 at 4:16 am #197239
    Josue

    Hey NaturaIntegrativeMedicine!

    This will do it:

    .post-entry-2581 .avia-builder-el-5 .iconbox_content_container {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

    But, that solution will only work in modern browsers, if you want to support older ones like IE, you’ll need to do it the classic way, splitting that content in three different columns:

    Cheers!
    Josue

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Columns within the same text block/icon box/promo box’ is closed to new replies.