Joomla Templates Club 406,261 posts

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#200359

site: http://mp.dev.dnsnetworks.ca/

I would like to add a background image in the main content area on the left and right side … not sure how it will look .. its an image of wood (http://www.shutterstock.com/pic.mhtml?id=119980675&src=id)

I would also like to add it at the bottom of every article page (http://mp.dev.dnsnetworks.ca/index.php/therapie-cout) it would appear under the footer area where it white… is that possible?

I would add an image to show you what I mean but joomlart wont allow me to add photos anymore!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#545247

Just so I’m not going crazy – this is meant to be a different site than the BMW one you’re working on, right?

So you’re wanting to replace the “green” background at the bottom with something like that wood grain background?

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#545254

Exactly! And yes, this is the http://mp.dev.dnsnetworks.ca/ site 🙂

<em>@TomC 440391 wrote:</em><blockquote>Just so I’m not going crazy – this is meant to be a different site than the BMW one you’re working on, right?

So you’re wanting to replace the “green” background at the bottom with something like that wood grain background?</blockquote>

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#545256

You can change the background by replacing the default image with the one you want in this CSS rule:


#ja-botsl {
background: url("../templates/ja_droid/themes/green/images/botsl-bg.gif") repeat-x scroll left
}

You can try the “custom.css” method first 😉

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#545263

Hi tom, I did what you suggested… then I moved it elsewhere … now I am trying to put it back to the way it was and something is wrong…can you tell me what I am missing… this is my css rule:

#ja-botsl {
background: url(../images/botsl-bg.gif) repeat-x scroll left;
border-top: 5px solid #131803
}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#545273

I’m a little confused as to what you’re saying . . . .

What did you move elsewhere … and to where?

What are you trying to put back the way it was?

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#545274

You told me to edit the class #ja-botsl with my wood background image – I did .. then I didn’t like it there so I added the background image to my #footer class … but I think I didn’t quite put my #ja-botsl class back right?

#ja-botsl {
background: url(../images/botsl-bg.gif) repeat-x scroll left;
border-top: 5px solid #131803
}

/* Footer —*/
#ja-footer {
background: url(../images/bg.jpg) repeat-x left top;
border-top: 1px solid #51630f
color: #97a465
}

<em>@TomC 440424 wrote:</em><blockquote>I’m a little confused as to what you’re saying . . . .

What did you move elsewhere … and to where?

What are you trying to put back the way it was?</blockquote>

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#545275

If you’re referring to the “wood” image at the very bottom, this is the CSS you currently have:


#ja-footer {
background: url("../templates/ja_droid/themes/green/images/bg.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
border-top: 1px solid #51630f
color: #97a465
}

Not sure what color you want it back to …. you can always try:


#ja-footer {
background: none repeat scroll 0 0 #51630f
border-top: 1px solid #51630f
color: #97a465
}

. . . until you decide on something better

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#545276

I like my footer the way it is… its the ja-botsl that I am having the issue with .. the white lines above and below it …

<em>@TomC 440427 wrote:</em><blockquote>If you’re referring to the “wood” image at the very bottom, this is the CSS you currently have:


#ja-footer {
background: url("../templates/ja_droid/themes/green/images/bg.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
border-top: 1px solid #51630f
color: #97a465
}

Not sure what color you want it back to …. you can always try:


#ja-footer {
background: none repeat scroll 0 0 #51630f
border-top: 1px solid #51630f
color: #97a465
}

. . . until you decide on something better</blockquote>

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#545277

ooooooooooh, the borders .. . . .

Here’s what you do . . .


#ja-botsl {
background: none repeat scroll 0 0 #273006
border-top: none;
}

1 user says Thank You to TomC for this useful post

1. sebbs

[Author]

Posts