Joomla Templates Club 406,261 posts

[theprofessor Friend theprofessorJoin date: March 2009Posts: 365Downloads:0Uploads:0 Thanks: 47 Thanked: 64 times in 18 posts]

#140969

Hello,
I am trying to add my own background image to the background of my website. I have figured out to do it, as you can see here: http://www.sypfantasyhockey.com

BUT, as you can see, the image is not dynamic. It shows only the size I have made it (1414 x 816), which is the same size as the background image that came with the template.

All I did was replace the ‘mainwrap-bg.jpg’ image in the black.css folder and selected to show image background in my template control panel.

What can I do to make the image ‘blend’ properly into the page? As you can see it cuts off abruptly. Did I make it the worng size?

Would appreciate any help 🙂

Thanks!

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#303899

black.css (line 11)

div.ja-mainbg {
background:transparent url(../../images/black/mainwrap-bg.jpg) no-repeat fixed center top;
}

change from scroll to fixed

1 user says Thank You to jsliao for this useful post

1. theprofessor

[theprofessor Friend theprofessorJoin date: March 2009Posts: 365Downloads:0Uploads:0 Thanks: 47 Thanked: 64 times in 18 posts]

#303902

I was wondering how to do that as well, but unfortunately is not what I was trying to accomplish.

I don’t want the background to be fixed, but just to blend nicely from dark to light as the default Opal template does.

[theprofessor Friend theprofessorJoin date: March 2009Posts: 365Downloads:0Uploads:0 Thanks: 47 Thanked: 64 times in 18 posts]

#303917

Oooooh I figured out how to do it. Minor photoshop brain fart on my part…lol

[Author]

Posts