Public Forums 71,145 posts

[andbeyond Friend andbeyondJoin date: November 2011Posts: 55Downloads:4Uploads:0 Thanks: 19 Thanked: 8 times in 1 posts]

#171366

I’m trying to insert an image into the background of the JA T3 blank template in a user theme I am experimenting with..

background-image: url(images/topbargraphic.gif);
background-repeat: repeat-x;

I want to insert it into the “body”
and also want the body to have a background colour.

I’m using firebug to test my changes before editing the template.css file

I’m changing the original in original in firebug from:
body#bd {
background: none repeat scroll 0 0 #FFFFFF;
color: #333333;

To:
body#bd {
background: url(images/topbargraphic.gif) repeat scroll 0 0 repeat scroll 0 0 #E5E5E5;
}

It will change the colour for me, but when i put the url in it rejects it.

What am I doing wrong?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#427552

Hi
May i your site URL.
And what are you coded used in case “but when i put the url in it rejects it.” ?
And beside that please provide a screenshot to let’s me know how are you trying to do ?

Thank you,

[andbeyond Friend andbeyondJoin date: November 2011Posts: 55Downloads:4Uploads:0 Thanks: 19 Thanked: 8 times in 1 posts]

#427961

Sorry didn’t reply to your request for info but I’m developing on a local installation. I worked out how to do it in the end:).

[modernmagic Friend modernmagicJoin date: December 2011Posts: 58Downloads:1Uploads:10 Thanks: 4]

#432889

<em>@andbeyond 286989 wrote:</em><blockquote>
I worked out how to do it in the end:).</blockquote>

Can you share? I can’t figure it out.

[keithvb Friend keithvbJoin date: March 2012Posts: 1Downloads:6Uploads:0 Thanked: 1 times in 2 posts]

#443612

This is the work-around I came up with. If anyone knows the “correct” way, please chime in.

I initially thought that body id=”bd” (in template.css) controlled the background-image but saw that it was over-ridden by something.
With FireBug i found that ja-wrapper controls the background image.
I looked for ja-wrapper in template.css. NOT there.
After messing around for an hour or so I came up with this solution.
I added this to template.css thereby giving me a ja-wrapper to work with.
Image files are in a strange place, also.

/* this is over riding some previous definition that i can’t find */
/* image files are in /eh/templates/ja_t3_blank/css/waves.jpg */
#ja-wrapper {
background-image: url(‘waves.jpg’);
}

I know I’m missing something, probably simple and obvious, but J 2.5 is not like J 1.5

Keith

1 user says Thank You to keithvb for this useful post

1. banhquy

[Author]

Posts