Adding content under "main body" position

I'd like to add a couple of boxes underneath a module that's in the main body position like this:



I'd like them both to fill up 50% of the main body width, essentially like
"main body bottom left" and
"main body bottom right" positions.

But those positions don't exist. Can I create custom ones? Or is there a way to get them with positions already there?

I can get one underneath the main body at 50% width, but if I put another in the same position it just goes underneath, not beside it.

I'm trying to do this one the homepage.

Thanks.

You could do it by addingn2 modules, using suffixes for CSS addressing and using float:left on both to place them horizontal not vertical.
Also Yu woul need to set their width to 50 or 49%.
If You could share a link to your page with both boxes published, I can help You with creating style definitions of override.css

I sent you a PM with information to see what was going on with the boxes, don't know if you've seen it.

I added a new suffix

Code: Select all

.box.col2 {
width:50%;
float:left;
}

that I saw in another forum post.

Now when I added col2 to both modules I get this, they are offset:


When I only add it to one it's a little better but they still aren't even.

This only happens when they are published in the mainbody_bottom position. If I publish them in "mainbody" and order them after the main content they even out fine. But I'd like to, if possible, keep them separate from the mainbody content and put them in the bottom position.

I've tried changing them both to 49% to see if pushing the edge was too much, but that didn't fix it either.

Thanks.

You are almost there, add to same override.css at its end:

Code: Select all

#gkMainbodyBottom div.box {margin-top: 0 !important;}


Thank you, once again you've solved an issue for me appreciate it.