Archived

This topic is now archived and is closed to further replies.

  • 0

Boxes - Best Way To Have 'merged' Rows Effect

Question

Posted · Report post

Hi,

I'm trying to figure out what the best way would be to add these boxes onto my website (see post-376-0-09951900-1353332078_thumb.png).

The boxes need to be arranged as 3 columns and 2 rows but the boxes in the first column are merged together. I can't achieve this using the Pagelines boxes so I'm looking for some advice really.

Possibilities I've thought of so far:

  • write a new section to put the images on the right-hand side etc. but I'd still have a problem with the first box having to be the height of two box
  • Use the grid system and just write the html into the content - ok for me but not for anyone else who's editing it.
  • Make use of Morefoot sections - would still have to write html into the widgets but may be easier for someone else to edit.

‚ÄčOr am I missing something obviously easy?

Any advice much appreciated.

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

The Grid Shortcodes Plugin in the Pagelines Store will do what you want. Once activated you can do somethhing like


[row]

[span4]

Some Content

Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

[/span4]

[span4]

More

Donec ullamcorper nulla non metus auctor fringilla.

More

Donec ullamcorper nulla non metus auctor fringilla.

[/span4]

[span4]

More

Donec ullamcorper nulla non metus auctor fringilla.

More

Donec ullamcorper nulla non metus auctor fringilla.

[/span4]

[/row]

That will return something like this:

http://cl.ly/image/2R210p091B3E

Just a thought.

Share this post


Link to post
Share on other sites

Posted · Report post

@Elizabeth Try ellenmva's solution above and see if that does what you're trying to achieve. For further insight about the Grid System and another example, please see "Grid System" here: http://demo.pagelines.me/tools/

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks ellenmva and catrina. I have tried using bootstrap and I was making good progress but my problem is that I'm creating the site for someone else who doesn't know HTML so they won't be able to make changes to the boxes if I do it this way.

I was wondering if there was something I could do that was more user-friendly for them but I think I'm probably going to have to forget about that.

I can see all the benefits of bootstrap but can't understand how it's helpful for client managed systems.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Elizabeth, take a look at this plugin http://wordpress.org/extend/plugins/boxer/ a member of the forum staff uses it and its worked well for a few of our clients. There's a number of different layouts you can choose and its shortcode based.

Share this post


Link to post
Share on other sites