Help! Issue with Pages

  • Resolved proudtobedad

    (@proudtobedad)


    13 years, 11 months ago

    Hi everyone. I’m using Modularity Lite and am having issues. Essentially, the posts have a transparency behind them, so that you can see the background image underneath. On the blog page, the transparency works just fine, but on some of the pages, there seems to be an extra layer of black between the text and the transparency.

    On these problem pages, such as https://kerganedwards-stout.com/about at the very top you can see a thin line of the transparency, so I know that the transparency is there–that it isn’t the issue.

    Given that this black area only appears on SOME of my pages, I’m wondering if there is a problem in the post html, but don’t see anything odd. I need help!!!! Gotta remove this black image from behind my text!

    Any help would be appreciated! Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)

  • The black background is actually your footer-wrap extending upwards. To fix it simply add
    <div class="clear"></div>
    just before
    <div id="footer-wrap">

    You can probably find footer-wrap in your footer.php file, really depends on your WordPress theme. If its not there, check the bottom of your page.php file also.

    Add the following line to your style.css file

    you will find the following code in line 41
    .container-inner {
    margin: 0 auto;
    padding: 1.75em 20px 1em;
    width: 950px;
    }

    Add overflow: hidden; to that so it will loook like this after wards

    .container-inner {
    margin: 0 auto;
    padding: 1.75em 20px 1em;
    width: 950px;
    overflow: hidden;
    }

    that will solve your problem!

    Thread Starter proudtobedad

    (@proudtobedad)

    Wow–thanks! That worked perfectly!

    I’ve spent hours trying to figure it out–I appreciate your help!

    @nsathees I personally would not hide the overflow and simply make it flow correctly, but your suggestion will work as well.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help! Issue with Pages’ is closed to new replies.