Cold Steel Template Support Thread

[SPH]

open includes/templates/cold_steel/common/tpl_header.php

find the following line of code: (around line 48)

    <div id="logo"><?php echo zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT);?></div>

and replace with this:

    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

open includes/languages/cold_steel/english.php

find the following line of code: (around line 17)

define('TEMPLATE_DESIGN', TEMPLATE_NAME. 'Design by <a href="http://mysticmountainnaturals.com/testsite/" target="_blank">Clyde Jones</a>'); 

and replace with

define('TEMPLATE_DESIGN', TEMPLATE_NAME. 'Design by <a href="http://mysticmountainnaturals.com/demotest/" target="_blank">Clyde Jones</a>'); 

Thanks!

I just downloaded the Cold Steel from your site, with the tabs in the header. I also uploaded the star.gif fix.

1. The Contact Us page still does not show the star pic (just says "star.gif" in red text.) It's fixed on the Login.
http://www.catholic-view.com/ZenCart...age=contact_us

2. Both Contact Us and Login show "=Required information" in red text. How does the star pic show before the = sign?
http://www.catholic-view.com/ZenCart...ain_page=login

Thanks.

SPH

[clydejones]

Thanks!

I just downloaded the Cold Steel from your site, with the tabs in the header. I also uploaded the star.gif fix.

1. The Contact Us page still does not show the star pic (just says "star.gif" in red text.) It's fixed on the Login.
http://www.catholic-view.com/ZenCart...age=contact_us

2. Both Contact Us and Login show "=Required information" in red text. How does the star pic show before the = sign?
http://www.catholic-view.com/ZenCart...ain_page=login

Thanks.

SPH

open includes/languages/cold_steel/english.php

find the following lines of code: (lines 278 - 279)

  define('FORM_REQUIRED_INFORMATION', ' = Required information');
  define('ENTRY_REQUIRED_SYMBOL', 'star.gif'); 

and replace with

  define('FORM_REQUIRED_INFORMATION', '* = Required information');
  define('ENTRY_REQUIRED_SYMBOL', ' *'); 

[SPH]

open includes/languages/cold_steel/english.php

find the following lines of code: (lines 278 - 279)

  define('FORM_REQUIRED_INFORMATION', ' = Required information');
  define('ENTRY_REQUIRED_SYMBOL', 'star.gif'); 

and replace with

  define('FORM_REQUIRED_INFORMATION', '* = Required information');
  define('ENTRY_REQUIRED_SYMBOL', ' *'); 

Thanks!

[HelpMeSell]

Hi Clyde,
I was wondering how I would be able to change the color which shows the progress during checkout.
I would like to change the orange color which is in the attached picture if you can help me out I would really appreciate it.
Thanks in advance!

[clydejones]

Hi Clyde,
I was wondering how I would be able to change the color which shows the progress during checkout.
I would like to change the orange color which is in the attached picture if you can help me out I would really appreciate it.
Thanks in advance!

You will need to create a new graphic for the numbers.

You can use includes/templates/cold_steel/images/numbers.gif
as an example.

You will also need to change the following declarations in each of the following stylesheets. change the highlighted to the color of your choice

checkout_shipping.css
checkout_payment.css
checkout_confirmation.css
checkout_success.css

.progressmeter li.current {color:#FF9900;font-weight:bold;background-position:0 -38px;}
.progressmeter li.current.two {color:#FF9900;font-weight:bold;background-position:-142px -38px;}
.progressmeter li.current.three {color:#FF9900;font-weight:bold;background-position:-280px -38px;}
.progressmeter li.current.four {color:#FF9900;font-weight:bold;background-position:-422px -38px;}

[HelpMeSell]

You will need to create a new graphic for the numbers.

You can use includes/templates/cold_steel/images/numbers.gif
as an example.

You will also need to change the following declarations in each of the following stylesheets. change the highlighted to the color of your choice

checkout_shipping.css
checkout_payment.css
checkout_confirmation.css
checkout_success.css

.progressmeter li.current {color:#FF9900;font-weight:bold;background-position:0 -38px;}
.progressmeter li.current.two {color:#FF9900;font-weight:bold;background-position:-142px -38px;}
.progressmeter li.current.three {color:#FF9900;font-weight:bold;background-position:-280px -38px;}
.progressmeter li.current.four {color:#FF9900;font-weight:bold;background-position:-422px -38px;}

THANKS!!!!

One more thing, I am trying to change a few things in the chekout page as well. I attached another picture.
How would I put a border around the checkout box?
Where do I adjust the background and font color for the upper part?

Thanks again!

[clydejones]

THANKS!!!!

One more thing, I am trying to change a few things in the chekout page as well. I attached another picture.
How would I put a border around the checkout box?
Where do I adjust the background and font color for the upper part?

Thanks again!

Picture???

[HelpMeSell]

Sorry must of forgot to attach the file.
Here you go.

Thanks again!

[clydejones]

THANKS!!!!

One more thing, I am trying to change a few things in the chekout page as well. I attached another picture.
How would I put a border around the checkout box?
Where do I adjust the background and font color for the upper part?

Thanks again!

open includes/templates/cold_steel/css/stylesheet.css

find the following declarations and change as desired

.productListing-rowheading, tr.tableHeading {
background: url(../images/tile_back.gif);
height: 2em;
color: #814639;
}

.rowOdd {
height: 1.5em;
vertical-align: top;
border:1px solid #000;
}
.rowEven {
background-color: #f8f8f8;
height: 1.5em;
vertical-align: top;
border:1px solid #000;
}

[HelpMeSell]

Hi Clyde,
Thanks for the help, I managed to change the color of the text and edit the color of the background but when I added the lines to get the border, I got them at where I put the red arrows in the attached picture.
Where I wanted them was the black part if thats possible??
Thank you!!!

open includes/templates/cold_steel/css/stylesheet.css

find the following declarations and change as desired

.productListing-rowheading, tr.tableHeading {
background: url(../images/tile_back.gif);
height: 2em;
color: #814639;
}

.rowOdd {
height: 1.5em;
vertical-align: top;
border:1px solid #000;
}
.rowEven {
background-color: #f8f8f8;
height: 1.5em;
vertical-align: top;
border:1px solid #000;
}