Change page color Twenty Eleven Theme

  • kssheldon

    (@kssheldon)


    12 years, 1 month 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

Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi

    (@esmi)

    12 years, 1 month ago

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

    Thread Starter kssheldon

    (@kssheldon)

    12 years, 1 month 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-

    esmi

    (@esmi)

    12 years, 1 month ago

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

    Thread Starter kssheldon

    (@kssheldon)

    12 years, 1 month 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;}

    Awethentic

    (@awethentic)

    11 years, 6 months ago

    Dozen wok for me.

    WPyogi

    (@wpyogi)

    11 years, 6 months 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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change page color Twenty Eleven Theme’ is closed to new replies.