WordPress.org

1. javajunk
   Member
   Posted 1 year ago #

   Hi everyone :)

   Do you think you can help me out?

   This is how my site currently looks like:
   click :D

   Please DON'T MIND the un-aligned sidebar and posts ;)

   But do notice the image on the left side of the page.
   If you notice, the image is positioned on the upper left corner of the page.

   So, how do I position the image to the BOTTOM LEFT corner of the page and make it FIXED (as in the image won't repeat)?
   Let's keep in mind that it's the HEADER IMAGE. It's NOT the background image. The header image ends at the part which says 'Contact Me'.
   The rest is the background.

   So, please do help me.
   I've been tweaking around with it for hours already and the results just keep on repeating.
   Please do help me out.
   If anything's unclear, just ask ;)
   Thanks :)

2. churchthemer
   Member
   Posted 1 year ago #

   Give this a shot:
   http://bonrouge.com/~faq#footeratbottom

3. javajunk
   Member
   Posted 1 year ago #

   i just tried it out and it still doesn't want to work :c

   oh, and just so it would be clear :D
   i found a website whose layout (i think) is kind of like what i want to do with mine :)
   http://heartpledge.net/

   like its layout, i want the picture at the left side of the screen to just stay there ;)

   i think the only difference with that layout and mine is that hers stays at the upper left while i want mine at the bottom left

4. churchthemer
   Member
   Posted 1 year ago #

   Place this in your style.css file inside your theme's folder. It will fix the background in place:

   body {
       background-image: url('yourimage.jpg');
       background-repeat: no-repeat;
       background-attachment: fixed;
       background-position: 50px 100px;
       background-color:#000;
       }

   You will need to change the image name and path to fit your needs. You can change the 50px and 100px to move the background image around in relation to the upper left corner. You can change the background color to match the background color of your image.

   *if you have any other style definitions attached to the body tag you will need to add those in.

   Hope that works.

Topic Closed

This topic has been closed to new replies.