Public Forums 71,145 posts

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#205296

Simple question.. just not sure if it is a simple answer? Can I apply a background image to my site that is static?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#565824

Hello
If you are looking to apply and bg image for website body . you can apply it in this way .
add the below code in custom.css file


body {
background-image: url("../images/abc.png");
}


[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#565931

Yeah, already tried this but to no avail. Unless I am getting the path wrong ../images/Home-Page/730_BG_bottomright.png

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#565933

<em>@sirbogoff 467246 wrote:</em><blockquote>Yeah, already tried this but to no avail. Unless I am getting the path wrong ../images/Home-Page/730_BG_bottomright.png</blockquote>
Hi
You can also add the full image url .
If image is in the root image folder . then it should be
like this >>> url(“/images/Home-Page/730_BG_bottomright.png”)

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#565935

Still nothing.. I am just not sure what I am going wrong… This is the image.. So where should it be showing..

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#565940

<em>@sirbogoff 467250 wrote:</em><blockquote>Still nothing.. I am just not sure what I am going wrong… This is the image.. So where should it be showing..</blockquote>
Hi i am not sure where you want to apply it as i have not got any screenshot .
If you want to apply it as an background of site .
you need to apply it on t3 wrapper like this >>>> http://prntscr.com/6qahjk

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#565944

Not to sure where that is located to edit it but can it be added to the custom.css? I appreciate all the help I can get.. Thanks.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#566060

Hello
Yes you can defined the css style in custom.css file

.t3-wrapper {
background-image: url("/images/Home-Page/730_BG_bottomright.png"); }

Save file Clear cache and check .

1 user says Thank You to Pankaj Sharma for this useful post

1. sirbogoff

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#566121

Awesome.. Worked like a charm. I added some other positioning info. Now jusy have to figure out how to make it look good. 🙂

[mvdgeugten Friend mvdgeugtenJoin date: April 2015Posts: 32Downloads:6Uploads:10 Thanks: 3]

#567680

I’ve tried this solution too. First I tried it to add it to the templates.css which worked in a previous install. But now it doesn.t
Now i’ve tried it with adding the custom.css file but it doesn’t work either. Tried it on both locations first in the templatespurity_iii map and that didn’t work so i’ve put it in the map templates/purity_iii/local/css/themes/atc3 which is the map for my durrent style

but it doesn’t work

this is the custom.css file i’ve placed in the map


.t3-wrapper {

backbround-image: url("http:/atc.3d-game.com/atc3cms/images/background/shutterstock.jpg");

background-position: center center;

background-repeat: no-repeat;

background-attachment: fixed;

background-site: cover;

}

Does somebody know why it doesn;t work on my site http://atc.3d-game.com/atc3cms

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#567699

<em>@mvdgeugten 469534 wrote:</em><blockquote>I’ve tried this solution too. First I tried it to add it to the templates.css which worked in a previous install. But now it doesn.t
Now i’ve tried it with adding the custom.css file but it doesn’t work either. Tried it on both locations first in the templatespurity_iii map and that didn’t work so i’ve put it in the map templates/purity_iii/local/css/themes/atc3 which is the map for my durrent style

but it doesn’t work

this is the custom.css file i’ve placed in the map


.t3-wrapper {

backbround-image: url("http:/atc.3d-game.com/atc3cms/images/background/shutterstock.jpg");

background-position: center center;

background-repeat: no-repeat;

background-attachment: fixed;

background-site: cover;

}

Does somebody know why it doesn;t work on my site http://atc.3d-game.com/atc3cms</blockquote>

HI there are some spell mistake in your code .
try this code


.t3-wrapper {
background-image: url("http://atc.3d-game.com/atc3cms/images/background/shutterstock.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

1 user says Thank You to Pankaj Sharma for this useful post

1. mvdgeugten

[mvdgeugten Friend mvdgeugtenJoin date: April 2015Posts: 32Downloads:6Uploads:10 Thanks: 3]

#567746

OMG how stupid of myself :laugh: Some times you don’t see these little errors anymore. But thanks it works again

[mvdgeugten Friend mvdgeugtenJoin date: April 2015Posts: 32Downloads:6Uploads:10 Thanks: 3]

#732853

OMG how stupid of myself :laugh: Some times you don’t see these little errors anymore. But thanks it works again

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#567763

I suppose you could try it without the full url. That worked for me.. Also, I do not know if they were typos but there are some mistakes in there. I have corrected the couple I spotted.

.t3-wrapper {
background-image: url (“/images/background/shutterstock.jpg”);

background-position: center center;

background-repeat: no-repeat;

background-attachment: fixed;

background-site: cover;

}

[sirbogoff Friend sirbogoffJoin date: March 2015Posts: 80Downloads:4Uploads:15 Thanks: 31 Thanked: 1 times in 1 posts]

#732870

I suppose you could try it without the full url. That worked for me.. Also, I do not know if they were typos but there are some mistakes in there. I have corrected the couple I spotted.

.t3-wrapper {
background-image: url (“/images/background/shutterstock.jpg”);

background-position: center center;

background-repeat: no-repeat;

background-attachment: fixed;

background-site: cover;

}

[Author]

Posts