scentalicious Posted October 31, 2012 Share Posted October 31, 2012 I am using the template that came with downloading prestashop and was just wondering how do I add some colour to it in the back ground. This is the link to my website if anyone want to have a look http://www.scentaliciousbytanja.com.au/Shop/index.php Link to comment Share on other sites More sharing options...
hxd Posted October 31, 2012 Share Posted October 31, 2012 You can do that by editing the global.css file of the theme. In your case the path to the file on your hosting account would be public_html/Shop/themes/default/css/global.css. The code that you need to modify is around line 53 and it looks like this: body{ font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:#fff } Change the value for background from #fff to whatever you want. You can use any hex value for the desired color. For example, background:#ccff66 will turn the background into a shade of green. You may find this color picker useful: http://w3schools.com/tags/ref_colorpicker.asp Hope this helps. Link to comment Share on other sites More sharing options...
scentalicious Posted November 1, 2012 Author Share Posted November 1, 2012 Thanks for that. Also is there a way of being able to add a background picture like the ones that you find online and has a code. I can't seem to find where to add the codes Link to comment Share on other sites More sharing options...
hxd Posted November 2, 2012 Share Posted November 2, 2012 To add a picture to the background just edit the last line of the above mentioned code. For example, you've uploaded a picture called pic.jpg to public_html/Shop/img. Then you can edit the code like this: body{ font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:#fff url('../img/pic.jpg') } The image will be repeated horizontally and vertically. You can repeat it only horizontally or vertically, or you can set it to no-repeat and configure its position on the page. For example: body{ font:normal 11px/14px Arial, Verdana, sans-serif; color:#222; background:#fff url('../img/pic.jpg') no-repeat center center } will display the image in the center of the page without repeating it. Hope this helps. Link to comment Share on other sites More sharing options...
scentalicious Posted November 10, 2012 Author Share Posted November 10, 2012 Does it have to be a JPEG file for the background picture Link to comment Share on other sites More sharing options...
scubastevejh Posted November 11, 2012 Share Posted November 11, 2012 Does it have to be a JPEG file for the background picture anything you want. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now