Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Aiheen aloitti: Johnnymushio - tammikuu 07, 2012, 10:23:52 AP

Otsikko: How do I remove empty space at the bottom of the board?
Kirjoitti: Johnnymushio - tammikuu 07, 2012, 10:23:52 AP
http://japantown.awardspace.com/messageboard/

At the very bottom of the board, there is copyright information. Above that, empty space, above that, an image, and above that more empty space. I want to remove that image, but if I were to do that there would be a lot of empty space there. I would like the image removed along with the extra space it takes up and the space above it. How do I do that?

Thank you
Otsikko: Re: How do I remove empty space at the bottom of the board?
Kirjoitti: mashby - tammikuu 07, 2012, 12:12:51 IP
In this in your CSS: #footer_section
Remove:
background: url(../images/theme/main_block.png) no-repeat 0 -820px;
In this part, change this:
#footer_section div.frame
{
background: url(../images/theme/main_block.png) no-repeat 100% -820px;
display: block;
padding: 60px 0 0 0;
}

To this:
#footer_section div.frame
{
display: block;
}
Alternatively, if you want some sort of padding for the copyright area:
#footer_section div.frame
{
display: block;
padding: 20px;
}

Changing the 20px to a size of your liking.
Otsikko: Re: How do I remove empty space at the bottom of the board?
Kirjoitti: Johnnymushio - tammikuu 07, 2012, 06:29:35 IP
Thank you, it worked perfectly.