How can i place the wrapper of the landing page in the center?

[jimmyc]

Hi,

I've decreased the size of the wrapper on my landing page but now it's aligned left: http://www.succesindeliefde.nl/over-mij

How can i make it look centered?

Cheers,
Jim

[Pixel Frau]

Hi Jim. It looks like you've changed this:

.full-width-content .content {
    border: none;
    padding: 40px 0 0;
    width: 100%;
}

to this:

.full-width-content #content {
	border: none;
	padding: 25px 0;
	width: 620px;
}

I'd suggest changing that back to the original, and adding this to your CSS instead:

.page-template-page_landing .wrap {
	max-width: 620px;
}

[jimmyc]

Hi Julia,

Thank you for responding to me.

I've never changed a percentage to a number.

These are the codes that are in my CSS now.

.content-sidebar #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
width: 100%;
}

.full-width-content #content {
width: 100%;
}

.full-width-content #content {
border: none;
padding: 25px 0;
width: 620px;
}

Those are the only 3 pieces of code with: .full-width-content #content {

Cheers,
Jim

[Pixel Frau]

Ah, I see. You're using an older version of Eleven40. Assuming you want the content area to be 620px wide, you can add the following to your CSS:

.custom-landing .wrap {
max-width: 620px;
}

[jimmyc]

Hi,

But the content wrapper already has a width of 620 now.

The only problem is i can't get it to centered.

So if i need to add the code you just gave me into the css, i assume i also need to remove codes i've added? One of those 3?

Cheers,
Jim

[Pixel Frau]

If you want it centered you need to add the code above.

[jimmyc]

Hi,

Fantastic.

Thank you for your support. GREAT.

[Author]

Posts