WordPress.org

Ready to get started?Download WordPress

Forums

Can't set blank background on my page + white line above footer (10 posts)

  1. Benedicte-88
    Member
    Posted 1 year ago #

    Hi there,

    This is meant to be very simple but I can't change the colour of my pages.
    I want to keep the background image i have now as my main background, but I'd like to have every single element of my page on a white background.

    I have tried to edit #page and #body in my style.css, but nothing worked.

    here is my site : http://welchfishmongers.co.uk/

    Also, is somebody has any idea how to remove the thin white line above my footer... it'd be great !

    Thanks a lot.
    Bene

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try a more suitable forum
    http://csscreator.com/forum

  3. Benedicte-88
    Member
    Posted 1 year ago #

    Thanks Andrew, but I'd like to find somebody to help me on here instead.
    Is that a problem ?

  4. mar1965
    Member
    Posted 1 year ago #

    Hi Bene,

    Can you paste the changes you made to page and body?

  5. Benedicte-88
    Member
    Posted 1 year ago #

    Hi Mar1965,

    I made some changes back to normal but here is what I have now :

    /* =Global
    ----------------------------------------------- */

    body, input, textarea {
    color: #000000;
    font: 15px "Droid Sans", sans-serif;
    font-weight: 300;
    line-height: 1.625;
    }
    body {
    color: #fff;

    }
    #page {
    color: #fff;
    }

    AND this

    /* =Structure
    ----------------------------------------------- */

    #body {
    padding: 0 2em;

    }
    #page {
    margin: 2em auto;
    max-width: 1000px;

    }

    I now have another problem too, I can't set the font of my site-generator back to black. Here is what I have in the footer.php :

    <div id="site-generator">
    Welch Fishmongers

    <center><img src="http://welchfishmongers.co.uk/wp-content/uploads/2012/09/Logo-Clear-48.png" alt="Footer_MCK" width="48" height="48">

    </div>

    and in my style.css :

    /* Site Generator Line */

    #site-generator {
    text-align: center;
    }
    #site-generator a {
    }

    Do you have any idea why the font appears white whilst the hoover is black ?

    Thanks a lot for your help.

    Bene

  6. mar1965
    Member
    Posted 1 year ago #

    Hi Bene,

    I see what is going on. You are changing the font color to white. To change the background color, do this instead:

    body {
    background-color: #fff;

    }
    #page {
    background-color: #fff;
    }

    As far as the footer goes, it looks like it appears black.

    Hope that helps!

    Martin

  7. Benedicte-88
    Member
    Posted 1 year ago #

    Hi Martin,

    No I just tried and it didn't change anything.
    I created a white background with photoshop instead that i imported in the meantime but i'd really like to find out how to set this automatic white page background.

  8. mar1965
    Member
    Posted 1 year ago #

    Hi Bene,

    In your page HTML code, I see

    <style type="text/css" id="custom-background-css">
    body.custom-background { background-color: #a89999; background-image: url('http://welchfishmongers.co.uk/wp-content/uploads/2012/10/WhiteLobster3.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: scroll; }
    </style>

    The background-color you have is not white. If you change #a89999 to #FFFFFF and remove the background image, that should take care of it.

    Does that help?

    Martin

  9. Benedicte-88
    Member
    Posted 1 year ago #

    Hi Martin,

    thanks but, I probably wasn't clear about my issue, sorry.
    I don't want to change the background but the "page/post background" where my page main text appears.

  10. mar1965
    Member
    Posted 1 year ago #

    Hi Bene,

    Try adding a CSS style for div id="content" setting the background color to white.

Topic Closed

This topic has been closed to new replies.

About this Topic