Docs

[christiaanakkermans]

Hi,

How can I change the page width of only the blog post pages?

Thanks.

Chris

[Rahul]

Hey There,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[christiaanakkermans]

Hi,

The url is chrisakkermans.com

thnx

[Friech]

Hi There,

Do you mean the individual blog posts? Please add this on your custom CSS on Customizer.

.single .x-container.max.offset {
	width: 100%;
	max-width: none;
}

Hope it helps, Cheers!

[christiaanakkermans]

This reply has been marked as private.

[christiaanakkermans]

And yes I mean the individual blog posts AND I mean the blog posts overview page as well…

thnx.

[Friech]

Hi There,

Saw a couple of syntax error on your custom CSS, lets address that first. Look for this block and remove the extra closing bracket.

.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {
padding: 7px 10px;
}

}

Find this block and add the missing closing bracket.

.x-topbar {
   z-index:1;

And then since you want to affect the blog index page as well, please update the given css code to this.

.single .x-container.max.offset,
.blog .x-container.max.offset {
	width: 75%;
}

Thanks.

[christiaanakkermans]

Hi,

Perfect! Thank you SO MUCH!

Chris

[Rue Nel]

Hey Chris,

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

Cheers.

[Author]

Posts