Joomla Templates Club 406,261 posts

[alisamii Friend alisamiiJoin date: June 2010Posts: 48Downloads:0Uploads:10 Thanks: 14]

#152204

Hi:

I have modified the body-top.jpg image and would like to float center to the screen and repeat.

At the moment, the body-top.jpg is anchored to the top-left and repeats. However, if the user has a very large browser window, or a smaller than average bowser window, that means the background is no longer centered on the page and the rest of the content appears unbalanced.

You can see examples of this in the screenshots ss7 and ss8.

Can someone assist me with the css to alter the position of the body-top.jpg background image.

Thank you.

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#348978

Hello!

Pls open the template.css: and try to find the code:

body#bd { background: url(../images/body-top.jpg) repeat-x left top #151515; color: #333333; }

replace:

body#bd { background: url(../images/body-top.jpg) repeat-x center top #151515; color: #333333; }

1 user says Thank You to Saguaros for this useful post

1. alisamii

[Author]

Posts