HOW TO ADD AN IMAGE FOR POST BACKGROUND

  • Author
    Posts
  • #793548

    tgwriter
    Member

    I’m trying to use a Custom Design CSS edit to tile a background image within the Post area of my iNove theme. What location do I use for an image that comes from my blog’s Media Gallery?

    background-image: url(img/mypic.gif);

    doesn’t work because ‘img’ is the theme’s image folder.

    This must be easy, but wading through the documentation and searching the forum for a couple hours sure hasn’t helped at all. Can anyone clear this up for me?

    The blog I need help with is davethewriter.wordpress.com.

    #793761

    You have to use the full absolute URL for the image in your media library starting with http://.

    Are you talking about putting a background on individual posts, or behind the entire post content area?

    #793786

    tgwriter
    Member

    Thanks for the quick reply! The background is for the entire post area. I figured I would have to use the absolute path. I just don’t know what it is. Do you?

    #793808

    If you have uploaded the image to your media library, go to the media library, locate the image and click the “show” link. Down at the bottom of that resultant page will be a grey field with the full URL of the image in it. Add the following to the CSS edit text area (delete the informational text there now) and then put your URL where it says IMAGE URL between the double quote marks.

    #main {
    background: url(“IMAGE URL”) repeat scroll center top #FFFFFF;
    }

    #793809

    Forgot my code tags. Copy and paste the below, not the stuff above.

    #main {
    background: url("IMAGE URL") repeat scroll center top #FFFFFF;
    }
    #793905

    tgwriter
    Member

    Thanks much! You got me where I needed to be. All is well.

    #793906

    You are welcome.

    #793910

    maletarte
    Member

    I would like to do the same but for the background of the whole theme, behing the post and the pages. I am using this site : ledalymorin.wordpress.com

    So instead of one color (yellow here) I want a full size image.

    How can I do that ?

    #793912

    See what this does for you.

    #page, #site-generator {
    background: transparent !important;
    }
    #793916

    maletarte
    Member

    Like this ? with both code ?

    #page, #site-generator {
    background: transparent !important;
    }

    #main {
    background: url(“IMAGE URL”) repeat scroll center top #FFFFFF;
    }

    #793917

    maletarte
    Member

    It doesn’t work, the transparence in only on the page (center), not on the outside of the template.

    The color selected in the option is still there.

    I need the background image in the back of the whole template, which means basically either margins of the page, left and right, and the bottom.

    Do you understand what I mean ? Is it possible ?
    I haven’t seen any wordpress template with a background like this, except for the custom made template…

    #793922

    CSS is theme specific. You can’t use the bit of code I gave the other person for iNove on your theme and expect it to work in Twenty Eleven.

    Create your background image with whatever level of opacity you want and then upload and insert it at appearance > background. To get rid of the yellow color (if that is what you want) then delete the color code from the background color field at appearance > background.

    #793923

    The image you create will have to be saved as either a PNG or a GIF to retain the transparency.

The topic ‘HOW TO ADD AN IMAGE FOR POST BACKGROUND’ is closed to new replies.