Hi WanderlustWomen,
Looks like you are missing a div to clear the float after <div class=”grid_24 content”>. Because that div is floated, the next div, div class=”container_24 footer-container>” is floating up into your content. The dark green you see is the footer-bg.png image that is the background image for .footer-container.
If you are making changes to your theme, make sure you make a Child Theme so you can safely edit your theme files. If you just need to add some custom CSS, you should be able to use a custom CSS plugin.
Hope this helps!
Christi
Hi, I checked the page source code and there are two </div> at end of that section but not in the theme’s CSS stylesheet or footer stylesheet. It must be coming from somewhere else……ahhhh, it only happened after I updated the theme and I checked the code changes. Any ideas? The theme allows custom css in its settings? Thanks much
Hi,
My apologies, it actually looks like there is a missing </div> (closing div tag) on the pages that have a sidebar (Blog, Video, and Contact pages). Have you edited the sidebar.php of your theme? I ask because I did a test install of this theme and I can recreate the same issue if I delete one of the closing div tags at the end of sidebar.php (there should be two </div> tags at the end of that file). If you find you only have one </div> tag at the end of sidebar.php, add the missing </div> tag and that should fix the issue.
If you feel like diving into the details, here some info on how I tracked this down. I viewed and copied the source code from your On Writing Blog page and did a Find All for “<div” (opening div tags) and then another Find All for “</div>” (closing div tags). I found 65 opening divs in the code, but only 64 closing divs.
Next I used a code editor that has opening and closing tag highlighting to inspect the code a bit more. From what I can tell, there is a missing closing </div> tag for <div class=”grid_8 omega”> which is the div that surrounds the sidebar.
Hope this fixes the issue for you.
Christi
