WordPress.org

1. Benedicte-88
   Member
   Posted 7 months 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 Nevins
   Volunteer Moderator
   Posted 7 months ago #
   

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

3. Benedicte-88
   Member
   Posted 7 months ago #
   

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

4. mar1965
   Member
   Posted 7 months ago #
   

   Hi Bene,

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

5. Benedicte-88
   Member
   Posted 7 months 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 7 months 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 6 months 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 6 months 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 6 months 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 6 months ago #
    

    Hi Bene,

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

Reply

You must log in to post.