Multiple Rows in Meet the Team Page

Home Forums WordPress Themes – Premium Celestial (Celestial Reloaded) Multiple Rows in Meet the Team Page

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #14214
    Ben1011
    Member

    Hi, I’m trying to create a Team page using the Meet the Team template you have for Celestial Reloaded. I need multiple rows of captions like you have; maybe 4 or 5 rows of 3 captions each. I copied the code that you have for that page, specifically the content-wrapper div and everything inside it, deployed it to my site, and everything looked fine. There was one row laid out just like you have on your site. Then I tried copying that same row-fluid div and pasting it as a second row within the content-wrapper. I understand the basic Twitter Bootstrap grid system, and I would expect that simply adding a second row-fluid div would create a new row with the elements formatted evenly like the first row but it did not. The first element of the second row is floating right below the 3 element of the first row, then the other two elements in the second row have been pushed down into what looks like a 3rd row. Here it is: http://brazilconnection.org/envision/team/

    Am I missing something? Is there some unique styling the theme that is causing the rows to not align properly? Or do I need to set up the row divs differently? I added margin at the bottom of the first row to try to even it out, and nothing happened. Please let me know how to get these straightened out. Thank you.

    #18434
    Sushil Adhikari
    Moderator

    What you don’t want to do is do the copy of the “content-wrapper” container and paste that if that is what you did because that is the actual page container.

    Start off by adding this wrapper container:

      ...

    (this is from my demo site) Then replace those three dots with three instances of the code below:

  • image 3

    Tina Porta

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    Tina

  • For each row you want to add, repeat all the steps above.

    I took a quick look but it looks like you were also missing the closing on your first row.

    #14215
    Ben1011
    Member

    That appears to have fixed the issue, thanks so much.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.