Need help? Check out our Support site, then


Change background in WP "Freshy" theme

  1. Is it possible to change the grey background of the WordPress theme "Freshy" within CSS (I have purchased the upgrade)?

    I would like to use my own background...

  2. Yes, upload the file to your space here, find the URL for it, and add it into your CSS file like the following:

    body {
    	background: url("URL of the image");
    }

    Hope this helps,
    -drmike

  3. Thanks drmike. Unfortunately I've already tried this, with no success :(

    I would like to add my own image in place of the grey area which currently lies behind the post content This grey area probably isn't the background per se, but an image within the CSS code. Obviously I don't know a great deal about css, and I am unable to isolate the image within the CSS.

    If anyone can help me out, I'd be very grateful indeed.....

  4. Ah....that would be changing it from:

    body {
    background:#fff;
    color:#444;
    font:62.5% Georgia, "Times New Roman", Times, serif;
    text-align:center;
    }

    to something like:

    body {
    background:#fff url('images/icon_folder.gif') repeat;
    color:#444;
    font:62.5% Georgia, "Times New Roman", Times, serif;
    text-align:center;
    }

    I think that is what you mean anyways!

    Trent

  5. Hi Trent. Thanks for your help.

    This looks more like it. However. The CSS in what I think is the relevant portion of code is as follows:

    body, html {
    margin:0;
    padding:0;
    /*font: normal 100.01%/1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/
    font-size : 90%;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    body {
    margin:0;
    padding:0;
    background:#7F7F7F;
    }

    *::-moz-selection {
    background-color:#FF3C00;
    color:white;
    }

    I've tried editing the code in line with your advice, but have had no luck so far.

  6. Maybe this change from:

    body {
    margin:0;
    padding:0;
    background:#7F7F7F;
    }

    to:

    body {
    margin:0;
    padding:0;
    background:url('http://http://astrangeinvitation.wordpress.com/wp-content/uploads/path-to-your-image-upload/image.gif') repeat-x top #7F7F7F;
    }

    Obviously using the image that you want. I think (crosses fingers) that will help out.

    Trent

  7. Thanks again Trent, but still no joy.

    When I try to tile the image behind the post content, the white content disappears!

    Thanks for trying though.

  8. I would add the #fff to the content background color and that might bring the white background overtop of your image back! Something to try anyways!

    trent

  9. Hate to ask a silly question, but do I have access to edit the CSS of a blog hosted for free on wordpress.com? I got the impression when I signed up that this was a "premium" feature.

  10. It is an upgrade that costs $15 USD per year available for purchase through the admin area i the upgrades section!

    Trent

Topic Closed

This topic has been closed to new replies.

About this Topic