Jump to content

changing the way template look


Recommended Posts

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...