How To Add A Image As A Background In appSite Template

GK User
Sat Jan 21, 2012 10:02 pm
Hello,

I wanted to add an image as a background in my Appsite template and I dont know where(files) to start looking in, any suggestions people. Thanks
User avatar
Platinum Boarder

GK User
Tue Jan 24, 2012 12:00 am
Thank you TEITBITE.COM for your response, you are the best.

Here is teitbite.com's response:

Please use this css class:

body {
background: url("../images/logo.png") repeat scroll 0 0 transparent;
}

Image should be located in template's /images folder.
User avatar
Platinum Boarder

GK User
Thu Feb 02, 2012 10:57 pm
Teitbite,

You are the man, it works. :D
User avatar
Platinum Boarder

GK User
Sun Feb 12, 2012 1:36 am
Hey Buddy,

I have the same template (appsite) and want to add a background image, was wondering the code that you have provided, where should I be putting that? would it be in the Template.css or would I be putting it in the respective style.css?

Hope you can help me!

Vlad
User avatar
Junior Boarder

GK User
Sun Feb 12, 2012 1:40 am
renae wrote:Hey Buddy,

I have the same template (appsite) and want to add a background image, was wondering the code that you have provided, where should I be putting that? would it be in the Template.css or would I be putting it in the respective style.css?

Hope you can help me!

Vlad


Vlad,

You would place this code in the template css. :cheer:
User avatar
Platinum Boarder

GK User
Sun Feb 12, 2012 1:58 am
Perfect works like a charm:)

Though do you know how to stop the background repeating itself in every direction?

I have tried using this code:

Code: Select all
body {
background: url("../images/bg.jpg") no-repeat center 0;
}


Thanks, Vlad
User avatar
Junior Boarder

GK User
Sun Feb 12, 2012 2:05 am
renae wrote:Perfect works like a charm:)

Though do you know how to stop the background repeating itself in every direction?

I have tried using this code:

Code: Select all
body {
background: url("../images/bg.jpg") no-repeat center 0;
}


Thanks, Vlad



Let me see your url:. also try this code:Please use this css class:

body {
background: url("../images/logo.png") no-repeat scroll 0 0 transparent;}
User avatar
Platinum Boarder

GK User
Sun Feb 12, 2012 3:03 am
Hey buddy,

Here is my url: www.mysolarsupply.com.au

I changed the code you provided me with and still getting the same result.

Vlad
User avatar
Junior Boarder

GK User
Sun Feb 12, 2012 3:10 am
renae wrote:Hey buddy,

Here is my url: http://www.mysolarsupply.com.au

I changed the code you provided me with and still getting the same result.

Vlad


Vlad, please pay attention to details. You left off the "no-repeat" in the code you used for your site. :shock:
User avatar
Platinum Boarder

GK User
Sun Feb 12, 2012 3:18 am
That strange, because in my template.css this is what the code looks like:
Code: Select all
body {
background: url("../images/bg.jpg") no-repeat scroll 0 0 transparent;
}


Any idea how to fix this?
User avatar
Junior Boarder

GK User
Sun Feb 12, 2012 3:41 am
All fixed thank you for your help much appreciated

Vlad
User avatar
Junior Boarder

GK User
Tue Feb 05, 2013 12:49 pm
Could publish how the matter was resolved to publish image? with the code as it is, does not work. (body {
background: url ("/ images / BG.jpg ..") no-repeat scroll 0 0 transparent;
}) Want to do this: www.mysolarsupply.com.au, Thanks :)
User avatar
Gold Boarder


cron