Jump to content
Elizabeth

Boxes - Best Way To Have 'merged' Rows Effect

Recommended Posts

Elizabeth    1
Elizabeth

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
ellenmva    112
ellenmva

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.


Ellen Moore

Pagelines Developer

www.elsue.com www.betterdms.com

Share this post


Link to post
Share on other sites
catrina    103
catrina

@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/


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
Elizabeth    1
Elizabeth

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
James B    436
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×