Joomla Templates Club 406,261 posts

[knerten Friend knertenJoin date: March 2013Posts: 80Downloads:0Uploads:13 Thanks: 46 Thanked: 1 times in 1 posts]

#189548

I would like an image/picture in the background on my site. Not one that covers the whole page, but one that is 1200 px wide.

I’ve tried to make this happened today, but with no luck. And I’m thinking I’d might be changing the wrong css file. I’m using the white profile.
Shall I then change the css jaNorite/css/template.css OR jaNorite/themes/white-color/color.css? Or maybe even another one?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#501537

Hi

If you are using the light theme you should modify the color.css file inside the theme folder

example the light blue theme has:

.ja-home #ja-header {
background-image: url("../images/header-bg.gif");
}

body#bd {
background: none repeat scroll 0 0 #353535
color: #353535
}

1 user says Thank You to pavit for this useful post

1. knerten

[knerten Friend knertenJoin date: March 2013Posts: 80Downloads:0Uploads:13 Thanks: 46 Thanked: 1 times in 1 posts]

#501540

Ok, thanks! So I shall change the body#bd code if I want my image in the background?
Do I need to change the ja-header as well?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#501541

<em>@knerten 383955 wrote:</em><blockquote>Ok, thanks! So I shall change the body#bd code if I want my image in the background?
Do I need to change the ja-header as well?</blockquote>

header is already using image as background so you should change the body#bd and add the image url there

[knerten Friend knertenJoin date: March 2013Posts: 80Downloads:0Uploads:13 Thanks: 46 Thanked: 1 times in 1 posts]

#501544

That is what I’ve tried to make work all day. In both the color.css and the template.css, but whit no luck. I’ve tried all sorts of urls. I’ve placed my background picture in every possible images folder I could find, but still doesn’t show. The picture is 1200px x 1458px big. Perhaps that is a problem. I have no idea.

Now the code looks like this:body#bd { background: url(…/kkn/templates/ja_norite/images/Karen/bakgrunn.jpg); } and I’ve tried …/images/Karen/bakgrunn.jpg without the path before.
I guess there must be something wrong with the URL perhaps. But I can’t find out what.

Do you have any idea?

Thanks 🙂

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#501546

Could you post a link to your page ? so i can check it

1 user says Thank You to pavit for this useful post

1. knerten

[knerten Friend knertenJoin date: March 2013Posts: 80Downloads:0Uploads:13 Thanks: 46 Thanked: 1 times in 1 posts]

#501547

Yes off course, I forgot :-[

Link: http://www.kkn.paydesign.no

The image I’d like have the top half white-colored and the bottom half floor image and it’s called bakgrunn.jpg. And is uploaded in every image folder I could find.

Thank you so much for your help!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#501550

Your url is wrong this is what i can see with firebug for the body#bd background

Please disable also the css optimization from template manager

1 user says Thank You to pavit for this useful post

1. knerten

[knerten Friend knertenJoin date: March 2013Posts: 80Downloads:0Uploads:13 Thanks: 46 Thanked: 1 times in 1 posts]

#501551

Ok. Thanks. I’ve set the optimization to NO under the general folder in Templates.

But how the url be wrong? Well, I’ll have to continue trying. Thanks for your help 🙂

[knerten Friend knertenJoin date: March 2013Posts: 80Downloads:0Uploads:13 Thanks: 46 Thanked: 1 times in 1 posts]

#501552

I made it! Thank you so much! 🙂
I just once more tried another url and suddenly it worked. Thanks for all your help!

1 user says Thank You to knerten for this useful post

1. pavit

[Author]

Posts