Add this lines on your theme style.css file (child theme)
#columns::after {
clear: both;
content: " ";
display: block;
}
Hello @creativechris
Your problem is a background image being loaded in the CSS for the “body” element
The following is the CSS for that element from your page
body {
background: #f5f5f5 url(images/main_bg.gif) top center repeat-x;
color: #494949;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
}
If you want to remove the grey background box, you have to delete
url(images/main_bg.gif) top center repeat-x
Just make sure that you keep the : at the end of the line
The end result should look like this:
body {
background: #f5f5f5;
color: #494949;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
}
@j09
I hope this issue exist only one page what is he mentioned above
I think its floating issue
@rajanit2000
You are correct, my fix is global, and it works by getting rid of the .gif file.
@creativechris
Please note that like Mr. Rajan kindly highlighted, the fix I provided would remove the grey background from all of your pages. If you’d like to keep the background but just fix the incorrect order on that particular page, then Mr. Rajan’s fix is a lot more appropriate.
Thanks for all of your responses. I am not using a child theme. I will review your responses and get back to you. I truly appreciate your help.
I’m kind of lost right now. I did a lot of editing css in another CMS tool. But this time I’m baffled.
Hello again, I only want this correction for the one page.
Where should I put this in the css style?
Thank you for your help.
Add this lines on your theme style.css file (child theme)
#columns::after {
clear: both;
content: ” “;
display: block;
}
