jphogan

Perfect! Thank you so much for your help and persistence.

I’ve had some success. I added a two div classes. One for the top section above the white, to remove any lower margin and the same for the bottom form to remove any top margin. That didn’t work, but I was able to bump the background over with the lower div class to get them to line up.

I’ll keep looking to see if I can find what is controlling the white space, but if someone comes across something in the meantime, please post it here. Thanks!

Thank you for the advice. I added both codes to the css sheet and, unfortunately, it didn’t correct the issue. The white space was still there and it caused the background to repeat. See a screenshot here: https://imgur.com/s8lpW

I don’t know what, in WordPress, is causing it to add that white filler. Thanks again

Thank you for your response. When I reduce the “padding-top” to anything less than 94px, the youtube player moves up the background image. I experimented to make sure, but that is what is pushing youtube player to the bottom of the background image (which is what I want).

I need to get rid of the white space between the bottom of the youtube player and the top of the background image for the form below it. Thanks!

Lol! I shudder too.
Thanks again for your help. I did as you suggested, which of course added the
<p style="text-align: right;"></p>
around the embed code. Unfortunately, it didn’t make any difference to the layout. I left it on there, so you can see it now. The video is still centered.

I know that embedded youtube videos are now supposed to be able to auto-detect whether to play in flash or html5 (at least as I understand it), but it seems like when I added the
<div style="float: right;"></div>
code around the video, it somehow causes it to only be viewed by those with Flash Player installed.

Thank you so much for your help. I added the embed codes that you gave me and the video was embedded just fine and was viewable in IE8. I would like it to aligh-right with the text wrapped around it. I added my
<div style="float: right;"></div>
code around the video link and it worked perfectly in Chrome, but caused it to disappear again in IE8.

Is there a different code I should be using to make the embedded video align to the right with wrapped text, but still be viewable in IE8?

I appreciate all the help.

Thank you. This was very helpful. I created a editor-style.css sheet for my child theme and added the code you gave me. By changing the max-width, I am able to match what I’m seeing on the published page. Unfortunately, it does this for the visual editor for both pages and posts, but it’s still a lot better. I really appreciate it.

This may be asking too much, but when I am editing the page, the visual preview still shows the preview at the old margins which makes the published page look different than the preview.

Is there a way to change that so the preview on the back end is showing the text, pictures, etc. at the same margin as the published page?

I really appreciate all the help.

That’s exactly it! Thank you both for your help.

Thank you so much for your response. I have added that code to my child theme and played around with the margin (even reducing it to 0), but the only thing it seems to change is the width of my Disqus comment area. When I lower the margin percentage, the Disqus area stretches out further and further, but the text area of the page stays the same.

How do I widen the margins of the text area so there is less white space between the text and the background?

Thank you again!

I went ahead and deleted the three php files. It has “fixed” my issue so that the post is no longer showing up multiple times. I don’t know very much about php, but I’m wondering if this code from the index.php file is what caused it.

/*
* Rather than modify the main Loop, we'll use get_posts to create 3 secondary loops that grab * the first post from each of these categories. This has the benefit of leaving the main Loop * untouched if you want to call it later on in the page.
*/
foreach ( $my_cat_array as $my_cat) :

When it “grabs the 1st post from each of the three categories” could it have been pulling the same post three times?

Let me try that again.
Index.php https://pastebin.com/XLSyyJU0

Pageofposts.php https://pastebin.com/KJ3qpzEY

functions.php https://pastebin.com/f0c5zZ7d

These are the only php files I have with my child theme.

Thanks again for your help.

Thank you. Here they are:
Index.php

[158 lines of code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]

Also, I should add that it was working fine until I added a post today. I just set that post to private and reloaded the page to test and now it’s working properly. Sorry for the basic questions, but does that mean the problem lies somewhere in the html of my recent post?

I have not edited the index.php or content.php in any way or added any functions.

If I switch to Twenty Eleven it does correct the problem. Does that mean something in my child theme is messing it up. Should I reinstall the child theme? Do you need me to copy and paste code from the child theme here?

Thank you for your help!