[Jay]

How can I make the edges of the main content area round, and the footer?

[Jim]

Hi Jay

You should be able to do this by pasting the following CSS into your Misc Settings custom CSS area, just reduce the 40px if you want them to be less round.

#main {
border-radius: 40px;
}
#footer2 {
border-radius: 40px;
}

I hope this helps

Jim…

[Jay]

Thanks Jim,

worked great!

– Jay

[Jay]

Hi Jim,

I threw a border around that and know it is extending the content area all the way to the bottom of the page.

#main {
border:1px solid #a1a1a1;border-radius: 15px;
}

#footer2 {
border-radius: 15px;
}

Any ideas on how to add a border around it without it extending the bottom of the content area? Basically, its adding about 10-15 pixels below the footer when I add the Border. If I don’t add the border it is fine.

[Jim]

Hi Jay

Try adding the code below see if that works for you.

#footer {
margin-bottom: -25px;
}

Hope it helps

Jim…

[Jim]

Hi Jay

Either the code above or this one should work..

#footer2 {
margin-bottom: 0;
}

Jim..

[Jay]

Thanks for the help Jim.

[Author]

Posts