Cart colour change to match homepage advice please

[ritchie111]

Hi I would like to change my cart colour to match the homepage ect, like white background and blue boxes or somthing along those lines so everything matches through out my site.
can anyone give me some help on this please, bare in mind im new to this
Thanks in advance


Ritchie

[kobra]

To be fair, you provided very little in the way of information about your site, the Zen Cart version, what you have for a logo, etc. etc.

If using the most recent version and a template based on the template_default file set, then all this is controlled through the stylesheet.css. Each item has a class and this class is either in the css or can be added and then size, margins, internal & external spacing, colors font type, size, and other styling functions can be set there.

[ritchie111]

Sorry
This is the cart i am using
Zen Cart 1.3.0
Database Patch Level: 1.3.0
v1.3.0 [2006-05-25 21:43:57] (Fresh Installation)
PHP Version 4.3.11
do you mean what is the logo for my site?

[kobra]

I would port the current style of your site directly into Zen Cart and then scrap the current site.

This is not a particularly complicated site and Zen Cart can look as it does and then you have the one site to maintain.

[ritchie111]

Sorted now i think it looks 100% better and goes with the homepage much better

[kobra]

Good Job...You can keep your tagline of "Capture your Dreams in Beautifully Shaped Glass." and add the image from your old site in this fashion:

define('HEADER_SALES_TEXT', 'Your Tagline <img src="http://your_url.com/includes/templates/your_template/images/Your Image.jpg">');

As the old image is sliced you would have to join the top & bottom pieces into one image. You could also leave out the text and just use the image to match your current site but add align right to the code snfd/or you might need to use align-absolute: center to display correctly....

You can also add your nav bar(with some changes) to Zen Cart...try searching here first for the many posts of others wanting this.

Keep at it to match more closely.

[ritchie111]

Good Job...You can keep your tagline of "Capture your Dreams in Beautifully Shaped Glass." and add the image from your old site in this fashion:

define('HEADER_SALES_TEXT', 'Your Tagline <img src="http://your_url.com/includes/templates/your_template/images/Your Image.jpg">');

As the old image is sliced you would have to join the top & bottom pieces into one image. You could also leave out the text and just use the image to match your current site but add align right to the code snfd/or you might need to use align-absolute: center to display correctly....

You can also add your nav bar(with some changes) to Zen Cart...try searching here first for the many posts of others wanting this.

Keep at it to match more closely.

Thanks Kobra for good the advice
Ritchie

[ritchie111]

Good Job...You can keep your tagline of "Capture your Dreams in Beautifully Shaped Glass." and add the image from your old site in this fashion:

define('HEADER_SALES_TEXT', 'Your Tagline <img src="http://your_url.com/includes/templates/your_template/images/Your Image.jpg">');

As the old image is sliced you would have to join the top & bottom pieces into one image. You could also leave out the text and just use the image to match your current site but add align right to the code snfd/or you might need to use align-absolute: center to display correctly....

You can also add your nav bar(with some changes) to Zen Cart...try searching here first for the many posts of others wanting this.

Keep at it to match more closely.

what am i doing wrong ,i am trying to add a second image to my header.
here is what i ahve done and there is no image apearing on the right of the header
<?php
/**
* @package languageDefines
* @copyright Copyright 2003-2005 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: header.php 2848 2006-01-14 09:47:08Z wilt $
*/

// header text in includes/header.php
define('HEADER_TITLE_CREATE_ACCOUNT', 'Create Account');
define('HEADER_TITLE_MY_ACCOUNT', 'My Account');
define('HEADER_TITLE_CART_CONTENTS', 'Shopping Cart');
define('HEADER_TITLE_CHECKOUT', 'Checkout');
define('HEADER_TITLE_TOP', 'Top');
define('HEADER_TITLE_CATALOG', 'Home');
define('HEADER_TITLE_LOGOFF', 'Log Out');
define('HEADER_TITLE_LOGIN', 'Log In');

// added defines for header alt and text
define('HEADER_ALT_TEXT', 'CrystalGlassFantastic- Online Shop for your Personal Glass needs');
define('HEADER_SALES_TEXT', '<img src="http://www.crystalglassfantastic.co.uk/includes/templates/your_template/images/<img src="blocks.gif');
define('HEADER_LOGO_WIDTH', '260px');
define('HEADER_LOGO_HEIGHT', '78px');
define('HEADER_LOGO_IMAGE', 'logo.gif');


// header Search Button/Box Search Button
define('HEADER_SEARCH_BUTTON','Search');
define('HEADER_SEARCH_DEFAULT_TEXT','Enter search keywords here');
?>

[ritchie111]

Ok i have got the box there for the header picture from my homepage but no picture and i am having trouble moving it to the right of the header.
any ideas where i am going wrong please?
<?php
/**
* @package languageDefines
* @copyright Copyright 2003-2005 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: header.php 2848 2006-01-14 09:47:08Z wilt $
*/

// header text in includes/header.php
define('HEADER_TITLE_CREATE_ACCOUNT', 'Create Account');
define('HEADER_TITLE_MY_ACCOUNT', 'My Account');
define('HEADER_TITLE_CART_CONTENTS', 'Shopping Cart');
define('HEADER_TITLE_CHECKOUT', 'Checkout');
define('HEADER_TITLE_TOP', 'Top');
define('HEADER_TITLE_CATALOG', 'Home');
define('HEADER_TITLE_LOGOFF', 'Log Out');
define('HEADER_TITLE_LOGIN', 'Log In');

// added defines for header alt and text
define('HEADER_ALT_TEXT', 'CrystalGlassFantastic- Online Shop for your Personal Glass needs');
define('HEADER_SALES_TEXT', '<img src="http://www.crystalglassfantastic.co.uk/images/<img alt="fileyl78 (5K)" src="fileyl78.jpg" height="100" width="214" />');
define('HEADER_LOGO_WIDTH', '260px');
define('HEADER_LOGO_HEIGHT', '78px');
define('HEADER_LOGO_IMAGE', 'logo.gif');

// header Search Button/Box Search Button
define('HEADER_SEARCH_BUTTON','Search');
define('HEADER_SEARCH_DEFAULT_TEXT','Enter search keywords here');
?>


Ritchie

[kobra]

Compare:

'<img src="http://www.crystalglassfantastic.co.uk/images/fileyl78.jpg">');
'<img src="http://www.crystalglassfantastic.co.uk/images/<img alt="fileyl78 (5K)" src="fileyl78.jpg" height="100" width="214" />');

You have got some extra code that I do not think you need, especially the double img and src tags and others.