Joomla Templates Club 406,261 posts

[yourwebpros1 Friend yourwebpros1Join date: September 2010Posts: 19Downloads:0Uploads:2 Thanks: 10]

#162094

Hi,

I need to add a background image to mesolite II. I have searched for it and can not find a thread for mesolite…

http://yourwebblessing.com/nailsupply/

Thank you for you help.

John Doyle
Your Web Pros

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#383924

Upload your bakground image in this folder http://yourwebblessing.com/nailsupply/templates/ja_mesolite_ii/images/

For Ex : the upload bg image name is bg.png

File path: http://yourwebblessing.com/nailsupply/templates/ja_mesolite_ii/css/template.css

Place add the background image in the following Css code


body#bd {
background: #E6E6E6;
color: #666666;
margin: 30px 0;
}


With


body#bd {
background: url("../images/bg.png") no-repeat left top;
color: #666666;
margin: 30px 0;
}


1 user says Thank You to chavan for this useful post

1. Phill

[yourwebpros1 Friend yourwebpros1Join date: September 2010Posts: 19Downloads:0Uploads:2 Thanks: 10]

#383927

Did not work, here is that part of the css file;

html, body, form, fieldset {
margin: 0;
padding: 0;
}

body {
background: #FFFFFF;
color: #000000;
font-family: “Segoe UI”, “Lucida Grande”, Tahoma, Arial, sans-serif;
line-height: 1.6;
}

body#bd {
background: url(“../images/bg.jpg”) no-repeat left top;
color: #666666;
margin: 30px 0;
}

body.contentpane {
color: #000000;
font-size: 12px;
line-height: 1.3em;
margin: 0;
margin: 1em 2em;
width: auto; /* Printable Page */
}

body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#383938

<em>@yourwebpros1 231038 wrote:</em><blockquote>Did not work, here is that part of the css file;

html, body, form, fieldset {
margin: 0;
padding: 0;
}

body {
background: #FFFFFF;
color: #000000;
font-family: “Segoe UI”, “Lucida Grande”, Tahoma, Arial, sans-serif;
line-height: 1.6;
}

body#bd {
background: url(“../images/bg.jpg”) no-repeat left top;
color: #666666;
margin: 30px 0;
}

body.contentpane {
color: #000000;
font-size: 12px;
line-height: 1.3em;
margin: 0;
margin: 1em 2em;
width: auto; /* Printable Page */
}

body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}</blockquote>

You have not Uploaded your bakground image in this folder http://yourwebblessing.com/nailsupply/templates/ja_mesolite_ii/images/

Check the below Url.

http://yourwebblessing.com/nailsupply/templates/ja_mesolite_ii/images/bg.jpg

Please upload this image. you can see the changes

1 user says Thank You to chavan for this useful post

1. yourwebpros1

[yourwebpros1 Friend yourwebpros1Join date: September 2010Posts: 19Downloads:0Uploads:2 Thanks: 10]

#384086

It is there as in the last one…
http://yourwebblessing.com/nailsupply/images/bg.jpg

Do I have the path incorrect. Does it need to be in the templates images folder?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#384093

You seem to have 2 threads asking the same question for different templates. I have responded in this one regarding your paths problem which equally applies to this one – http://www.joomlart.com/forums/topic/i-need-to-know-how-to-add-background-image-to-kyanite-ii-template/

1 user says Thank You to Phill for this useful post

1. yourwebpros1

[yourwebpros1 Friend yourwebpros1Join date: September 2010Posts: 19Downloads:0Uploads:2 Thanks: 10]

#384100

Hi Phill,

I was not sure if the solution would be the same of both. Thank you for your help again.

John

[Author]

Posts