• I have been working on changing the background color of a new wp site that I installed on my GoDaddy account. I would like to change the colors. After having read on how to go to the styles css, I looked for the body and then the color, but I do not see it so clearly there. I also tried to change it from the GoDaddy FTP panel, but it did not change. The website is http://www.TheseAreGreat.com.

    [large chunk of CSS code moderated – a link to your site is enough to access the stylesheet]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Look for

    body{
    background-color:#6699FF;
    }

    and comment out just the rule background-color:#6699FF; like this:
    /*background-color:#6699FF;*/ or change it into a different color value.

    Try not to fiddle around in css to much if you don’t know what you’re doing.
    First rule of the stylesheet begin with a stray closing }. That shouldn’t be there.

    Thread Starter Christine Frisbee

    (@cfrisbee)

    Peter,

    I tried to do what you said by putting slashes before and after and changed the color
    to CCFFFF. Then I went to upload. When I open the site, it is not changed. Did I do it correctly? Do I also need to change the line that says color#898888?

    About the stray closing, I did not touch anything else.

    Thanks,

    Christine

    /* General
    ---------------------------------------- */
    body{
    	/*background:url(images/tail-top.jpg) repeat-x  center top #6699FF;*/
    /background-color:#CCFFFF;*/
    	color: #898888;
    	font: 100%/1.125em Arial, Helvetica, sans-serif;
    	position:relative;
    }
    Moderator Ipstenu (Mika Epstein)

    (@ipstenu)

    🏳️‍🌈 Advisor and Activist

    Do this:

    body{
    	/* background:url(images/tail-top.jpg) repeat-x  center top #6699FF; */
    	/* background-color:#CCFFFF; */
    	color: #898888;
    	font: 100%/1.125em Arial, Helvetica, sans-serif;
    	position:relative;
    }

    The * and / combo matter 🙂

    Commenting something out means that it stops being code and becomes comment text. If you comment it out it stops working in other words.

    background-color means the background color of the element
    if you changed it to something else, you don’t want to comment it out. So, background-color:#CCFFFF;

    color means the text-color.

    The background showing right now, is a background image. To remove it, comment out (or delete but then you can’t recover it) this rule
    #main {
    font-size:.75em;
    /* background:url(images/splash.jpg) no-repeat center top; */
    }
    (just below the rules on the body)

    Thread Starter Christine Frisbee

    (@cfrisbee)

    I tried this with 3 different number combinations and after uploading it does not change the background color. Any other thoughts? YOu have a space between the * and background and again after the ; Should that make a difference?

    /* General
    —————————————- */
    body{
    /*background:url(images/tail-top.jpg) repeat-x center top #CCFFFF;*/
    /*background-color:#CCFFFF;*/
    color: #CCFFFF;
    font: 100%/1.125em Arial, Helvetica, sans-serif;
    position:relative;
    }

    /*background-color:#CCFFFF;*/
    is commented out, so it doesn’t work.
    remove the /* */

    so you get
    background-color:#CCFFFF;

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

The topic ‘Background color’ is closed to new replies.