Loading ...

How to add two column layout in a CMS? | Communifire Support

Home » Spaces » Communifire Support » forum » Communifire API & Developers » How to add two column layout in a CMS?
Communifire Support

Leave Space :

Are you sure you want to leave this space?

Join this space:

Join this space?

Add a new tab

Add a hyperlink to the space navigation. You can link to internal or external web pages. Enter the Tab name and Tab URL. Upload or choose an icon. Then click Save.

The name that will appear in the space navigation.
The url can point to an internal or external web page.
Login to follow, share, and participate in this space.
Don’t have a support community login?Create your account now
Posted in: Communifire API & Developers

How to add two column layout in a CMS?

Subscribe to RSS
  • laurab

    Hi there,

    I am not sure if I am positing my question in the right place. But I need assistance with creating a layout that has  two or three columns in a CMS page that I have created. I am not a developer and my skills are on coding is limited..

    Here is my CMS Page currently:

    And this the type of layout or similar to what I want to have in the CMS. Its like a card layout, what I think I imagine the information to be display.

    Originally I had created a pagebuilder but when it comes to search the content on this page or the page itself it doesn't work. But once I created a CMS page with the same content I was able to search the page itself. Could you please help me?

    Thank you,
    Laura

  • nvstiers
      Answered

    Hi Laura,

    In the Rich Text editor you can use the menu View > View Source and then paste in the following code:

    <div class="container">

    <div class="row">
    <div class="span4">put your content here</div>
    <div class="span4">put your content here</div>
    <div class="span4">put your content here</div>
    </div>

    <div class="row">
    <div class="span4">put your content here</div>
    <div class="span4">put your content here</div>
    <div class="span4">put your content here</div>
    </div>

    <div class="row">
    <div class="span4">put your content here</div>
    <div class="span4">put your content here</div>
    <div class="span4">put your content here</div>
    </div>

    </div>

    This will give you 3 columns with 3 rows.

    We use Bootstrap 2.3.2 you can find out more about the bootstrap grid system here: https://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

    Each Span is a column and must add up to 12

    So if you want two columns instead of three columns you would two Span6 instead of the three Span4 in the code I gave you above.

  • laurab

    Hi Nathaniel

    Thank you for replying. I will go ahead and try it out.

    Cheers,
    Laura

  • laurab

    Hi Nathaniel

    I finally got time to adjust my coding with that you shared with me and it work.
    Thank you so much!

    Cheers,
    Marta

Page 1 of 1 (4 items)