WordPress.org

Ready to get started?Download WordPress

Forums

Change page color Twenty Eleven Theme (7 posts)

  1. kssheldon
    Member
    Posted 2 years ago #

    Hello. I am using a Twenty Eleven Child Theme. All of my page backgrounds have a slight change in color between the text (sort of an off-white color) and the very bottom of the page (white). You can see the color change here:

    http://www.biogeographyresearch.org

    I have three questions I was hoping someone could answer:

    1. What is the default color of the page background in Twenty Eleven? I don't think it is #ffffff, but some other off-white color that I can't seem to find.

    2. In terms of solving my color change issue, my preferred solution would be to alter the bottom of the page to match the off-white color of the top of the page. Can you tell me the code to do this?

    3. If I can't alter the color of the bottom of the page to match the top, then I would like to change the color of the top part of the page to match the bottom. I came across two different codes to change the page color (both listed below). I tried to use these to change the color of the top of the page to pure white, but neither is working. Any thoughts?

    #page {
    background-color: #ffffff;
    }

    body {
    background: #ffffff;
    }

    Thank you!
    Kimberly

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  3. kssheldon
    Member
    Posted 2 years ago #

    Hi emsi,

    Does the Firebug add-on help with background colors or are you just suggesting it for ease of coding? I took a look at Firebug, but I'm not sure if it will help solve my problem.

    Thanks!
    K-

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    You apply colors to the site via CSS in your child theme.
    CSS Tutorials
    Learning CSS

  5. kssheldon
    Member
    Posted 2 years ago #

    Huh. Well, I went to the CSS Tutorials for background colors, and I still don't know what I'm doing wrong. I eve tried playing with other code, and I can get the background color to change when I used the following code from another site:

    body
    background-color: none;
    line-height: 1;
    }
    /* This is in the =Global section */
    body {
    background-color: /*rgba(255, 255, 255, 0.1)*/ transparent;
    background: rgba(255, 255, 255, 0.5);
    }
    #page {
    background-color: /*rgba(255, 255, 255, 0.1)*/ transparent;
    background: rgba(255, 255, 255, 0.5);
    }

    BUT, when I use the very basic code (below), I can't get a white background -- just off-white. This is particularly unsightly on my "Contacts" link where I have a nice image that should not have a pseudo-border. Why won't this code apply to all of my pages when I include it in my style.css? It seems like this should be an easy fix, but it has taken me half a day. Ugh. Any ideas?

    body {background-color: #FFFFFF;}

  6. Awethentic
    Member
    Posted 1 year ago #

    Dozen wok for me.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    @Awethentic -- if you have a question and would like help, please start your own thread. You will be more likely to get help that way and it works better for these forums.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags