Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Background,colours,Logo image

Background,colours,Logo image

Views: 875

Results 1 to 14 of 14
10 Jan 2011, 5:36 PM
#1
mayhem13 avatar

mayhem13

New Zenner

Join Date:
Jan 2011
Posts:
28
Plugin Contributions:
0

Background,colours,Logo image

Hello.I already installed my new zen cart.Thanks for help,this forum is amazing.

I made a custom template as the tutorial says.No i can find how i can do these things.

1)Change the background colour
2)Change the colour of boxes
3)How i can put my image logo.

Thanks in advance guys.

10 Jan 2011, 5:43 PM
#2
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Background,colours,Logo image

Logo image
https://www.zen-cart.com/tutorials/index.php?article=124

Background color
in templates/CUSTOM/css/stylesheet.css set your color
body {
background-color: #3B1010;
}

Sideboxes too are modified in stylesheet

10 Jan 2011, 5:46 PM
#3
mayhem13 avatar

mayhem13

New Zenner

Join Date:
Jan 2011
Posts:
28
Plugin Contributions:
0

Re: Background,colours,Logo image

Thanks a lot for quick reply friend.

And something else.The site now is very horizontal.How can it be smaller,not to fit in the edges?

Thanks again.

10 Jan 2011, 5:49 PM
#4
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Background,colours,Logo image

Welcome.

You need to give a link to the site for people to see what you mean.
Anyway the width too is controlled in stylesheet: look for #mainWrapper

10 Jan 2011, 6:00 PM
#6
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Background,colours,Logo image

For the width try this in your stylesheet

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 900px;
vertical-align: top;
}

10 Jan 2011, 6:05 PM
#7
mayhem13 avatar

mayhem13

New Zenner

Join Date:
Jan 2011
Posts:
28
Plugin Contributions:
0

Re: Background,colours,Logo image

keneso:

For the width try this in your stylesheet

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 900px;
vertical-align: top;
}

You are boss man...

10 Jan 2011, 6:23 PM
#9
mayhem13 avatar

mayhem13

New Zenner

Join Date:
Jan 2011
Posts:
28
Plugin Contributions:
0

Re: Background,colours,Logo image

And how i can everything black?I mean all the borders and backgrounds of banners and categories that i put inside the site?

10 Jan 2011, 6:36 PM
#10
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Background,colours,Logo image

Thru the stylesheet, just like your body tag, look for the id or class controlling the element you want to change.
i.e.
sideBoxContent, #bannerOne, #bannerTwo, #bannerThree etc.

10 Jan 2011, 6:37 PM
#11
mayhem13 avatar

mayhem13

New Zenner

Join Date:
Jan 2011
Posts:
28
Plugin Contributions:
0

Re: Background,colours,Logo image

It's ok i'll try it man.

And something last.How i can erase the insert image "welcome guest etc" in the centre?

10 Jan 2011, 6:48 PM
#12
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Background,colours,Logo image

Down on the homepage you see this:

This content is located in the file at: /languages/english/html_includes/YOUR_TEMPLATE/define_main_page.php
You can quickly edit this content via Admin->Tools->Define Pages Editor, and select define_main_page from the pulldown.
NOTE: Always backup the files in /languages/english/html_includes/your_template

Also check this file
includes\languages\english\CUSTOM\index.php
for some of the text

Going home now, I'll check on this thread tomorrow.

11 Jan 2011, 7:53 AM
#13
mayhem13 avatar

mayhem13

New Zenner

Join Date:
Jan 2011
Posts:
28
Plugin Contributions:
0

Re: Background,colours,Logo image

I can't put my logo...

I used this

width:760px;
height:110px;
background-image:url desktop/image.jpg;
background-repeat:no-repeat;
}

I puted down of there that says

#Headerwrapper, #Logowrapper etc etc...

Am i wrong?

Also i can't remove the banner down on page,or put one of mine.

Thanks.

11 Jan 2011, 1:44 PM
#14
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Background,colours,Logo image

Is the folder where the image is stored really "desktop"?

width:760px;
height:110px;
background-image:url desktop/image.jpg;background-repeat:no-repeat;
}

Try something like this (it's what I use on the Fan Odyssey site in my sig):

#mainWrapper {
	background-color: #000000;
  background-image: url('../images/space011.jpg');
	text-align: left;
	width: 100%;
	vertical-align: top;
	}