Adding a no-repeat item to the bottom right of my home page

  • Author
    Posts
  • #490589

    imaprile
    Member

    Hello. I am trying to figure out how to add this image: (http://imaprile.files.wordpress.com/2010/06/thanks-for-visiting1.jpg) to the bottom-right of my blog’s home page. I don’t want it to repeat – I just would like it to be at the bottom right corner, above the footer. I would also like it to be transparent. Can this be done? Is there anyone who can help me? Thank you so much!

    April
    http://imaprile.com

    The blog I need help with is imaprile.com.

    #490740

    devblog
    Member

    Make the image a .png file.

    Add this to your CSS:

    html {height: auto;}

    and add this to your “body” selector:

    background: #F9EED3 url(URL-TO-YOUR-IMAGE) right 98.4% no-repeat !important;

    #491031

    imaprile
    Member

    Thanks devblog. It worked, but I wanted the image to be transparent over the background. Is that possible?

    ~ April

    #491032

    devblog
    Member

    Yes, that’s why I said

    Make the image a .png file.

    You would use the .png file instead of the .jpg

The topic ‘Adding a no-repeat item to the bottom right of my home page’ is closed to new replies.