[Solved] How To Add A Background Image Ps 1.5.3.1

[CameraTek]

Hi all,

I'm trying to add a background image to my website, was able to do it on my PS 1.4.

 

Any help?

 

Cheers

Andy

[vekia]

you must edit global css file and add url param to background css tag below:

 

body {
font: normal 11px/14px Arial, Verdana, sans-serif;
color: #222;
background: #fff url('YOUR BACKGROUND URL');
}

 

you can find it in global.css line 53

[CameraTek]

Your a star, cheers.

I know I'm only using the default template, but do you think it looks better with the border?

http://www.tekplanet.co.uk/compact-canon/3518-canon-powershot-a1300-silver-camera-kit-inc-4x-aa-batteries-charger-and-case-5055189011410.html

 

Cheers

Andy

[vekia]

wow! border looks awesome, this should be a default template

really, loks much better!

 

i marked this topic as solved

[samiul_bd]

Hi vekia

 

I edit global.css as you said but my site not look like this site www.tekplanet.co.uk

 

I attach a screen shot of my site how it is looks like

 

 

Do you have any idea.

[CameraTek]

I think you need to add background color to the websites body

 

Andy

[Premsig.com]

Hi CameraTek. I very much like your border effect, and have been trying to play around with something similar myself, with no success. How did you do this? Can I use your background image?

 

Mark

[CameraTek]

Yes,

In your global.css you need to add the below in your body

 

background:#fff url('../img/bgBody.jpg');

background-position: center top

 

and upload the background image to your img folder

Edited March 1, 2013 by CameraTek (see edit history)

[Premsig.com]

Thanks! That's awesome. Works fine.

Edited March 2, 2013 by Premsig.com (see edit history)

[CameraTek]

Just had a look on your site, looking good.

Where did you get the cookies notification on the top?

[Premsig.com]

It's a free module called Cookies Law, by Art Acherman. I got it from the Free Modules section here.

cookieslaw v0.4.zip

Edited March 2, 2013 by Premsig.com (see edit history)

[CameraTek]

Cheers

[atcaromx]

Excellent improvements, I will do something similar on appearance to mine, looks great, I also like the online line support and the cookies laws advice. congrats!

[CameraTek]

Thanks for your feedback :-)

[Premsig.com]

The link on the word 'cookies' in your cookies law banner is broken. You need to link to a cookies information cms page. I found a cookies information generator online. Click on cookie law compliance tools at http://www.attacat.co.uk/

[CameraTek]

OK, Cheers

[Andrew H]

This is a really good module...

 

The only problem is that it interferes with my home page image "slider" and prevents it from working in any browser (once the user has accepted cookies). It also displays a javascript error (probably for the same reason) in firefox. I'm using the latest version of this module with PS1.5.3 I was hoping to contact the author as I really like this module but can't figure out who actually wrote it or if Art Acherman is one of the people commenting on this page

[Premsig.com]

Haven't had any problems myself, sorry.

[optizyme]

Hello,

 

I tried to change global.css and it complains about media.php or sth. My presta is 1.5.4.1 

Is there any difference between 1.4 and 1.5 on background image problem?

 

BTW, @cameratek, your sites are offline for maintenance. I am very curious about your background, i also want to see that

 

Opti

[markjl]

Hello

 

I put in a background image with this method but it does not scale when I zoom on the page or on mobile.

 

As per this unanswered post

 

Any tips? thanks

[hqamar]

I am getting 404 error message in console. It is something to do with htaccess ?

 

I did this:

"background:#fff url('../img/sales.jpg');

and uploaded the background image to  themes\default\img\ folder"

 

the .htaccess in themes folder contain :

 

<FilesMatch "\.tpl$">

 

Deny from all

 

</FilesMatch>

[vekia]

hello

 

are you sure that path to the image is correct? where you added this code? what file?

can you share url please? it will be much easier to inspect it then.

[hqamar]

Forgive my lack of experience in this field.

It was a case small/capital characters. The file name contained capital characters while filename in url in global.css didnt.

[vekia]

and what about url to your store?

[HH Services Limited]

Hello, I can manage to add a background image to a ps 1.6.01 by pasting this code: background: #FFF url('../themes/default-bootstrap/img/cloud3long.png')!important;

} to the global.css file in the css folder of my theme and after ofcourse uploading the image to the image folder of the theme.

If I would want to have this background image only working in the home page, how should I modify the code that I have shown above?

Thanks.

[Rosa Lynn]

Good question

[prashant kumar singh]

how to give background image only for home page ????

 

i tried to edit in header.tpl and in global.css but it didn't work