Adjust width on content area

Hi there, the width of the content area on single post pages and static pages is controlled with this CSS.

@media screen and (min-width: 768px) {
body.page .entry-header, body.single .entry-header {
width: 624px;
}
.entry-author, .entry-content, .entry-footer {
width: 768px;
}
}

Using that as a guide, we can create a new CSS media query with a wider min-width to make the content area wider on wider screens. The following example increases the overall width by 300px. Basically you add the same amount to all three like this. (Note that the second rule width matches the min-width in the media query string.)

@media screen and (min-width: 1068px) {
body.page .entry-header, body.single .entry-header {
width: 924px;
}
.entry-author, .entry-content, .entry-footer {
width: 1068px;
}
}

On #2, do you have some places I can look at this? I do see on the Synergy page that the block of text starting with WOTD and the next starting with synergy are two separate paragraphs. You should be able to correct that by editing that page and putting your cursor at the beginning of the synergy paragraph and backspacing.

I’m also seeing some non-breaking spaces that perhaps you have added to the paragraphs, perhaps to keep certain words or phrases together.

Are you by chance writing things in a different program and then copy/pasting into the WP editor?

Hi there,

1.) Thank you for your help regarding this matter! I made the adjustments successfully, however, the title isn’t centered anymore, neither is the “You need to login to view this content…” script at the bottom of posts with blocked content… perhaps I forgot to do something?

2.) I do write in other programs and copy/paste into the WP editor, and I’ve noticed that seems to cause this problem often. However, there are times where I haven’t copy/pasted any info from other programs and write from scratch in the WP editor and keep having the same problem…

Thank you again for your time.

Hi, this will center post titles. Change the 1068px media query I had given to this

@media screen and (min-width: 1068px) {
body.page .entry-header, body.single .entry-header {
        width: 100%;
	margin-left: 0 !important;
	left: 0 !important;
}
.entry-author, .entry-content, .entry-footer {
	width: 1068px;
}
}

I can’t find any posts or pages with a “protected” sign in. I do see what looks like a membership login shortcode on your Membership page and also some shortcodes on your Join page, but don’t see the actual stuff that should be there.

Copy/pasting from other sources can cause issues. I typically paste into a plain text file first so that all formatting is stripped out and the paste that into the editor and do my formatting.

There is also a paste as plain text button in the lower row of tool bars. It is a toggle. Click it, paste the stuff in and then toggle it back off.

Hi there,

Thank you for taking the time to help resolve this issue I was having!

1. I ended up changing everything back to normal (which re-aligned the post titles so they were centered), and then I was able to adjust post/pages content by adjusting the width parameter from 768 to 1018 via the code cited below:

}
	.entry-author,
	.entry-content,
	.entry-footer {
		padding-right: 72px;
		padding-left: 72px;
		width: 1018px;
	}

which you really helped narrow down to find. It’s probably not the official way of going about the coding, still it managed to widen content by 250px and keep the post titles centered with minimal adjustments.

2. This issue must be from copy/pasting from other programs though I’ve even deleted all content and rewritten from scratch in the WP editor and still can’t get it to work properly (particularly when viewing content on a cell phone), oh well. I’m still working on the membership aspect of the site so that is why the code is coming up that way.

Thank you again for your time!

Have you tried writing from a different browser? Also, which browser/browser version are you writing your posts from? Can you try writing from a different browser and see if you have success?

There have been times when plugins have interfered with the WP editor. Temporarily you may want to deactivate all plugins and then try writing a test post and see what happens.

I’ve been writing in Safari. I’ll try Chrome here in a little bit and see if it has a positive effect, I’ve noticed Safari tends to have quite a few quirks with all sorts of things that Chrome and Firefox haven’t given me in the past (not in relation to the website, but just in general while using the Internet).

Still haven’t been able to quite get to the bottom of the text-wrapping issue: it definitely comes up when copy/pasting from other programs, however, it also shows up if I write from scratch in wp-editor and make an edit later in time after the post has already been published… can’t quite figure it out yet, using justified has helped reduce the effect but even then it doesn’t always fix some spots. Thanks for taking the time to help look into though!