I just added a new background to a plugin area of the home page of a website. I just noticed today that now the background color for that area is overlapping the edge of the frame of the site. For the life of me I can not figure out why. Some assistance in resolving this would be greatly appreciated.
http://oxbridgecustomhomes.com/
Screen shot - http://grab.by/HsUg
Many thanks,
Houston
Alright so basically there’s an easy way and a hard way. The easy way is to give the following selector a right padding (this rule is in style.css)
.page-id-100 div#content article, .page-id-35 div#content article
{
padding-right:9px;
}
Although I’m not sure what else this might break on your website? Please add this in and test.
Thank you Ryan, that worked perfectly. What I do nt understand is that the background I put in has no effect on that area, plus it’s a background, it shouldn’t have any effect on width anyways. But, a fix is a fix but why it starting doing that will remain a mystery I guess.
Bottom line is your suggestion fixed the problem and I thank you for your speedy assistance.
Cheers
Notice how I said it was the “easy” fix 
. Your inner element with the background had a width:100% and a 9px left margin which caused the left spot to not overlap any.
Now, you might think "oh ok well then the easy fix is to give 9px right margin as well) but it’s not as simple as that because it’s 100% width, and there are many other factors in play.
Thought I would give you the easy solution and save myself some stress 
. Plus it is lunch time.
You’re welcome.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.