Joomla Templates Club 406,261 posts

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#135519

Hi all

I need to add a background image to my Teline 2 site.

Does anyone know how to do it?

I want the image to tile across the page behind all modules etc.

Thanks:-[

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#279747

Dear munders,

please open template.css file in templates/ja_teline_ii/css folder, about line 23, find script:

[PHP]body#bd {
color: #333333;
background: #FFFFFF;
}
[/PHP]
and then change to:

[PHP]body#bd {
color: #333333;
background:url(path to your image file) #FFFFFF repeat;
}[/PHP]

This script is only demo, you can change attributes of background to have nice background.

Hope it helps.

1 user says Thank You to JA Developer for this useful post

1. danielle_reis

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#279759

Didn’t work :((

I duplicated my image into different folders too.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#279842

Dear munders,

could you please send me your live url ?

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#279857

yes, its converseo. co.uk

[rdevereaux Friend rdevereauxJoin date: November 2008Posts: 37Downloads:0Uploads:0 Thanks: 10 Thanked: 1 times in 1 posts]

#279861

Munders,

I went to your site. When I pulled up the source and viewed the css file. It was not changed. Did you change it back?
[PHP]
html, body, form, fieldset {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF;
color: #000000;
font-family: Arial, sans-serif;
line-height: 1.5;
}
body#bd {
color: #333333;
background: #FFFFFF;
}[/PHP]

The last line of the code that I copied is where you should add the line of code that JA Developer gave you it is located in the template.css

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#279897

Yes, i changed it back when it didn’t work. I have now changed it to the following:

body#bd {
color: #333333;
background:url(../images.bgbody2.jpg) repeat #FFFFFF;

Are there any other CSS files that could override the template one? I do not know why the background is still not showing.

Please help me someone as this is very urgent now.

:((

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#279912

Please change:

body#bd {
color: #333333;
background:url(../images.bgbody2.jpg) repeat #FFFFFF;

To

body#bd {
color: #333333;
background:url(../images/bgbody2.jpg) repeat #FFFFFF;

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#279935

That should work now!

Question. Does this tiled background have to be .jpg or .gif or can I use an .swf Flash animation?

Thanks
Chris

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#279936

<em>@questbg 91786 wrote:</em><blockquote>That should work now!
</blockquote>

Think I spoke too soon. :-[

I just tried this on my own site. I modified the code in the template.css file to:

body#bd {
color: #333333;
background:url(../images/snowflake.gif) repeat #FFFFFF;
}

Nothing happened!

(before you ask, yes, I have got snowflake.gif in my /images folder!!) 🙂

Cheers
Chris

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#279937

Kind of fixed it! I put the full path name in as follows:

body#bd {
color: #333333;
background:url(http://www.questbg.com/images/snowflake.gif) repeat #FFFFFF;
}

and it certainly changed the background:

:laugh: :laugh: :laugh:

Unfortunately, I rather expected this to ‘stop’ where the actual site was and only fill the actual ‘remainder’ of the space either side.

I’ve gone back to the orginal .css file 😀

Ah nothing better than this kind of playing around stuff on a Saturday morning!!

Cheers
Chris

[munders Friend mundersJoin date: November 2008Posts: 375Downloads:0Uploads:37 Thanks: 50 Thanked: 4 times in 1 posts]

#279972

Can anyone help please as I am fed up with this template.

I have tried everything you have previously suggested.

Thank you

[mayke Friend maykeJoin date: May 2008Posts: 281Downloads:0Uploads:1 Thanks: 55 Thanked: 13 times in 1 posts]

#281403

How to add background image without repeated?
Any clue? Thank you.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#281717

Dear Mayke,

To add background image without repeated, please change following script:

body#bd {
color: #333333;
background:url(http://www.questbg.com/images/snowflake.gif) repeat #FFFFFF;
}

To

body#bd {
color: #333333;
background:url(http://www.questbg.com/images/snowflake.gif) no-repeat #FFFFFF;
}

1 user says Thank You to JA Developer for this useful post

1. mayke

[mayke Friend maykeJoin date: May 2008Posts: 281Downloads:0Uploads:1 Thanks: 55 Thanked: 13 times in 1 posts]

#281784

Thank you so much JD.

[Author]

Posts