Add a background

  • Unknown's avatar

    I just paid to be able to change the CSS but tbh, I don’t understand AT ALL how to do it. Read some post, checked some pages, but I’m completely lost. Never worked with CSS or HTML before. Since I have to knowledge about it I chose an already made theme/stylesheet (am I even using the correct terms here?) and I’m happy with the layout and all. It’s simple and I don’t need anything more fancy than that. But, I’d love to change the background (I uploaded a background to the media gallery but got lost from there) and the green text colour.

    Anyone who could explain in a very very simple way how to do that?

    PS. I just learnt that I shouldn’t call the screen “my computer”. That’s how lost I am.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    It isn’t a good idea to buy the CSS upgrade if you don’t know anything about it. There is no official support for the CSS upgrade, and only about three part-time volunteers here in the forum that know much about it.

    First off, read this sage advice from Devblog on CSS here at wordpress.COM: http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/ .

    To change the background, delete everything that is in the CSS edit window now, and add the following:

    body {
    background:#F9F9F0 url(URL of background image) repeat scroll 0 0;
    }

    Replace “URL of background image” between the parentheses with the absolute URL of your image uploaded to the media library.

    Depending on the nature of your image, you will have to set the “repeat” as either what it is (repeat in both the x and y directions), repeat-x (only in the x direction), repeat-y (only in the y direction) or no-repeat.

    To change the green color of link text, add the following to your CSS window and change the color code:

    a:link, a:visited {
    color:#265E15;
    }
  • Unknown's avatar

    Bleh, that is a bit too complicated to me =( Tried to follow instructions that I found but it just removed everything else and made the page completely screwed up. Shouldn’t have paid for it.

  • Unknown's avatar

    Delete everything from the CSS edit window, make sure that “add to existing” is selected and then click “save.” That will take you back to the original design.

    Next, delete everything from the CSS edit window (it is placeholder text really) and paste the two sections I gave you above into the CSS edit window and click “save.”

    Go to the media library and get the URL of your background image and put it into the background declaration as I explained above. Don’t worry about the “repeat” stuff at the moment.

    Next, get the hexadecimal color code you want for the green link text and put it into the color declaration (second part I said to paste in).

    Click Preview and take a look. You can hit save to commit the changes and then let me know and I can take a look at what you have and then take you to the next step.

  • Unknown's avatar

    Ok, I’ll give it a try =)

  • Unknown's avatar

    YAY! I made it! Thank you sooo much for helping out! <3

  • Unknown's avatar
  • The topic ‘Add a background’ is closed to new replies.