Forums

Moving Containers

Permalink
I'm struggling to move containers down a page to make room for an element I'm enlarging. I had hoped elements would simply bump down the page. I've tried to find this in HTML but no luck. This is probably simple but it's driving me crazy! The site iswww.www.doorcountyhalfmarathon.com.... Screenshot attached shows what I'm trying to do. Would LOVE any help.

1 Attachment

 
pwiegers replied on at Permalink Reply
Hi MDannhausen,

took a quick look; to me, it looks like you could do this:

#kv {
    margin: 100px 0 0; /* this will push the revolving picture, and with it all other content, down */
    width: 1280px;
}


Will this help you?

regards,

Paul
MDannhausen replied on at Permalink Reply
It comes close, but I don't want to move that top rotating image down, just the containers below the sponsors.
MDannhausen replied on at Permalink Reply
I came up with a makeshift fix by adding returns within the containers below. Not perfect, but workable.
robodev replied on at Permalink Reply
Cannot tell if your page layout is a grid, one column or multiple columns.

If it is four columns, for example, you would have to adjust padding on top of all four columns, or perhaps the padding on the bottom of the nav element.

Another approach would be to edit the page layout and add a full-page width layout, then move it above the other content blocks.