Need to widen text margins

Hello!

I have checked your site, and it looks like that you should be able to increase the content width with this custom css code:

.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
  max-width: 1160px!important;
  padding: 0 376px 0 60px;
}

The original max-width value was 1040 pixels, I have increased it so this way it is aligning with the first menu item in your top menu and the left side text in your footer.

You should create a child theme and paste this code inside your child theme’s style.css file. Here is a video tutorial I have made which shows you how can create a child theme: Video tutorial

If you need any more help, just drop a line here and I am happy to help.

Greetings,
Balint

Thanks. That did bring the text align to the left “home” button but is still cutting the text off on the right side margin.

Any ideas?

Sorry, I have missed that. Actually for me it happens only under Firexox (Firefox Screenshot), not under Chrome (Chrome screenshot). I have found the css responsible for that, you can turn that off this way:

.entry-content {
  -moz-hyphens: none !important;;
  word-wrap: none !important;
}

I hope this helps.

Balint

I entered the code and no change. I am using Safari and I also noticed it on Firefox. Like you said, Chrome looks fine.

Actually for me right now it is not wrapping in Firefox.

For me it looks like that the second line of the .entry-content is not in your child theme’s style.css, but it may be that it wont show in the code for me just because it is turned off. Screenshot here Could you please check that?

And also, I noticed that I have made a mistake in my code, in -moz-hyphens: none !important;; there is only one semicolon needed at the end of the line. I apologize for that.

Unfortunately I cannot test it in Safari, but I have made some quick research regarding this. Please try changing
word-wrap: none !important;
to
word-wrap: normal !important;

Balint

I have checked the code and the entire .entry-content posted is present in my child style.css.

I did notice the extra semicolon and tried it both ways, with one and two, just in case I may have missed something. I’m still learning here. I posted the correct one.

I do also notice now that Firefox is not showing the wrap. Only Safari.

Yes, I think the -moz-hyphens relates to Firefox, and the word-wrap to Safari. Did you try my idea above?

Changed the word-wrap and still wrapping in Safari. Maybe its the browser and is not fixable with code?

I don’t know… It is a css3 property, but everywhere it says that Safari supports it…

I am sorry, I don’t have any more ideas…

No worries. You have been very helpful and I appreciate your time and assistance.

Maybe I should stop using Safari, haha.