Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Template front page not centred? WordPress

Hi,

I purchased this template:

http://demo.freshface.net/file/lcp/wp/

And for some reason when I installed it, it didn't centre align.

http://studiosomething.com/

I have close to no idea about how to figure this out.

Any advice would be HIGHLY appreciated.

Thank you :)

2012-01-29 by studiosomething

Answers (4)

2012-01-29

Fahad Murtaza answers:

Edit

#container {
background: #454545;
margin: 0 auto;
}

in red.css line no 9

/wp-content/themes/londoncreative/skins/red/red.css

margin: 0 auto;

is what I have added.

Fahad Murtaza comments:

Also

#footer {
background-image: url(gfx/footer_top.jpg);
background-color: #2C2C2C;
margin: 0 auto;
}

line no 70 in red.css.

I added

margin: 0 auto;

again in the file.

Fahad Murtaza comments:

Hai Bui has suggested the right answer. Go for what he says.

2012-01-29

Hai Bui answers:

Hi,

There is a redundant close tag (</div>) in the header and it breaks the layout.
<div id="header_contacts">>phone: +61 425 805 199<br/>e-mail: [email protected]</div></div>

You can remove one close tag (</div>), i guess it's in header.php
Or if you don't know how to do it, please PM me the WP admin username and password, I will help you.

Hai Bui comments:

Editing css will help too, but it will not solve the real problem (invalid HTML markup)

2012-01-29

idt answers:

Hi,

Just add it at the bottom of your style.css:

/* To center content container */
#container {
margin: 0 auto !important;
}
/* To center footer */
#footer, #footer_bottom {
margin: 0 auto !important;
}

idt comments:

Oops... Fahd mention the footer style I was typing.

2012-01-29

Jatin Soni answers:

add below property. I have added line number if you havent modified yet than can be find at the same line number.

Just add margin:0 auto to these three ids

style.css line 48
#container{
margin: 0 auto;
}

style.css line 221
#footer{
margin: 0 auto;
}

style.css line 224
#footer_bottom{
margin: 0 auto;
}