Simple Question err How you add content to your Pages?

[hcd888]

Thanks for that got it to work YAY!!!
I like the layout of the classic template i tried going into the css stylesheet to try and change the colour with the HTML colour numbers, but nothing seems to be working. Maybe iam inputting the colour number in the wrong place?

I've looked at https://www.zen-cart.com/tutorials/index.php?article=43 doesnt seem to be that helpful

I would like the template to be the same colour as my banner if u look at
http://shulab.co.uk/zencart/index.php?main_page=

Would you be able to point me which code needs changing, or was wondering how you got your template on your site that colour

[Steven300]

Ok, what you need to do is navigate to includes\templates\classic\images, and in there, there will be an image called tile_back.gif. This image is used on various parts of the site such as the sidebox headers.

There are two approaches to changing this.

First, if you want to keep a gradient look, you can overide this image with another one of your own. To do this, simply create or replace tile_back.gif in includes\templates\your_template\images.

Second, you can just use a flat colour instead. To do this, you will need to modify your stylesheet. Wherever it says..
background-image: url(../images/tile_back.gif);
Just comment that line out and then experiment with the background-color line which should be next to it.

[hcd888]

Yes got it to work

But realised its really pixalated can u recommend a good program to use to make it nice and smooth tile_back.gif and does it have to be a gig would a jpeg not work?

I just realised the boxes, for example the search box bottom still has a green line http://shulab.co.uk/zencart/index.php?main_page= couldnt work out which line to alter, any ideas?

[Steven300]

Well I used Adobe PhotoShop to do mine and that worked fine for me. When it comes to graphics, I don't use anything else other than PS, so that's all I can recommend. You might find this link useful:
http://www.zen-cart.com/wiki/index.php/Useful_Tools

You can use a jpeg if you like. All you need to do is go to your stylesheet and change the file extension for tile_back from gif to jpeg.

About the border, in your stylesheet, you have this..

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	border-bottom: 5px solid #336633;
	margin-top: 1.5em;
	}

Change the text in red to whatever you prefer.

[hcd888]

Thanks for the advice photo shops given me a much smoother look then paint.

If you look at mysite at http://shulab.co.uk/zencart/index.php?main_page=
where my top banner on the left, theres a cross there indicating the missing logo. been trying to get rid of it all day, managed to get rid of the text but no joy wit the logo.

On top of my banner ive also tried turning the bar grey to black but i cant seem to find it.

I managed to change the list under catagories to black, but i've also tried changing the list of text under information and the rest of blue text to blue, but cant seem to find it on the stylesheet

Thanks again for letting me pick your brain :

[Steven300]

To remove that logo, try adding the following to the bottom of your stylesheet:

#logo {display: none;}

To change that grey bar, find the following in your stylesheet:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {

	margin: 0em;

	background-color: #abbbd3;

	background-image: url(../images/tile_back.gif);

	padding: 0.5em 0.2em;

	font-weight: bold;

	color: #ffffff;

	height: 1%;

	}

Change the text in red to whatever you prefer.
#000000 for black.

I'm not sure about the links. I'll have a look into it.

[Steven300]

For the links, try changing this:

a:active {

color: #0000FF;

}

[Steven300]

Also, when it comes to CSS, I recommend using FireFox with the Web Developer add-on installed. All you have to do is point your cursor at a part of a website and it tells you exactly what code in the stylesheet controls it. Very useful.

[hcd888]

To remove the logo i had to go to:

includes/templates/template_default/common/ tpl_header.php find and comment out this line of code by adding “<!--” at the beginning, “-->” at the end and “//” between the words php and echo.

Tried your suggestions on the grey bar, and blue text. It doesnt seem to work any other ideas?

[hcd888]

I'll try firefox sounds really useful. If i use it will i still be able to use Internet explorer?