Cold Steel Template Support Thread

[UpfrontJewelry]

Clyde,

Your Cold Steel template is awesome! I'm a new Zenner, and I picked it for my jewelry website here:

http://www.upfrontjewelry.com/

I would like to change the header and two footer graphics. Where would I go to do this? Probably a simple question, but I am a little green.

-Ryan

[clydejones]

Clyde,

Your Cold Steel template is awesome! I'm a new Zenner, and I picked it for my jewelry website here:

http://www.upfrontjewelry.com/

I would like to change the header and two footer graphics. Where would I go to do this? Probably a simple question, but I am a little green.

-Ryan

You'll need to create new graphics to replace the following:

footer.gif
header_bg.gif
inr_logo.gif


Save your new graphics with the same names to:

includes/templates/cold_steel/images

[itseemedsosimple]

Answered by PM

Clyde:

Loaded a big image for our logo, but when it displays in firefox or safari, everything shifts right. (Looks good in IE)
Saw some posts about changing the #logoWrapper in the stylesheet, but can't find this in the coldsteel template stylesheet.

Suggestions?

http://hopeunlimitedkirkwood.org/3on3/

[clydejones]

Clyde:

Loaded a big image for our logo, but when it displays in firefox or safari, everything shifts right. (Looks good in IE)
Saw some posts about changing the #logoWrapper in the stylesheet, but can't find this in the coldsteel template stylesheet.

Suggestions?

http://hopeunlimitedkirkwood.org/3on3/

Here are the relevant declarations (from the cold_steel stylesheet on your site.

/*BOF Header layout*/
#headerWrapper {
margin: 0 auto;
text-align: left;
width: 917px;
vertical-align: top;
}
/*BOF Branding*/
#logoWrapper{
margin:0;
background: url(../images/header_bg.gif) no-repeat;
height:234px;
width:739px;
position: relative;
top:0;
left:0;
}
#logo {
float:left;
/* display:none;
text-align: center;*/
}
#logoWrapper a:hover {
background: transparent;
}
#navMainSearch {
position:absolute;
top: 5px;
right: 15px;
}

#taglineWrapper {
text-align: center;
height: 30px;
width: 300px;
position: absolute;
top: 5px;
left: 250px;
}
#tagline {
font-size: 1.2em;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.date {
padding-left:5px;
position: absolute;
top: 95px;
right: 20px;
color:#000;
font-weight: bold;
text-align: left;
font-size: 1.2em;
line-height:normal;
}
/*EOF Branding*/

/*BOF navigation*/
/*BOF top main navigation*/
#navMainWrapper {
position:absolute;
left: 201px;
top: 234px;
font-size: 1.2em;
}

[itseemedsosimple]

Answered by PM

Clyde:

Loaded a big image for our logo, but when it displays in firefox or safari, everything shifts right. (Looks good in IE)
Saw some posts about changing the #logoWrapper in the stylesheet, but can't find this in the coldsteel template stylesheet.

Suggestions?

http://hopeunlimitedkirkwood.org/3on3/

Clyde:

Sorry to have bothered, I was looking at the wrong stylesheet.
I had pulled /admin/includes/stylesheet.css incorrectly, instead of grabbing /includes/templates/cold_steel/css/stylesheet.css

Please feel free to delete these embarrassing posts...
http://hopeunlimitedkirkwood.org/3on3/

[clydejones]

Clyde:

Sorry to have bothered, I was looking at the wrong stylesheet.
I had pulled /admin/includes/stylesheet.css incorrectly, instead of grabbing /includes/templates/cold_steel/css/stylesheet.css

Please feel free to delete these embarrassing posts...
http://hopeunlimitedkirkwood.org/3on3/

Not sure what it is you want to do, but the stylesheet declarations I posted can be adjusted.

for instance if you want the image centered make the highlighted changed.

#logoWrapper{
margin:0 auto; add this
background: url(../images/header_bg.gif) no-repeat;
height:234px;
width:739px;
position: relative;
top:0; */delete these
left:0;
}

[itseemedsosimple]

Not sure what it is you want to do, but the stylesheet declarations I posted can be adjusted.

for instance if you want the image centered make the highlighted changed.

#logoWrapper{
margin:0 auto; add this
background: url(../images/header_bg.gif) no-repeat;
height:234px;
width:739px;
position: relative;
top:0; */delete these
left:0;
}

Yes sir, thanks - I got it changed so that it displays as desired in firefox and safari. My second post was intended to be an apology cause I had originally looked at the wrong stylesheet. Thanks again, adios.

[andreitero]

Hello Clyde, my website is http://lemy.co.uk, i am using cold steel template.

1. I would like to center the center column.

2. In IE, on mouse hover over the center column images, the page moves. Same happens in product display page when hovering mouse over the Bicycle and Componentry Guarantee and Choosing Your Bike links( only bikes have those links ) . How can i fix that?

3. I would like to make links throughout the website red on mouse hover, but can't seem to get it right as much as i tried.

4. I would like to move that center column description box at the bottom of the main page. How can i do that?

Thanks in advance. Cheers!

[clydejones]

Hello Clyde, my website is http://lemy.co.uk, i am using cold steel template.

1. I would like to center the center column.

2. In IE, on mouse hover over the center column images, the page moves. Same happens in product display page when hovering mouse over the Bicycle and Componentry Guarantee and Choosing Your Bike links( only bikes have those links ) . How can i fix that?

3. I would like to make links throughout the website red on mouse hover, but can't seem to get it right as much as i tried.

4. I would like to move that center column description box at the bottom of the main page. How can i do that?

Thanks in advance. Cheers!

#1 - ?????????????????

#2 and #3 - open includes/templates/cold_steel/css/stylesheet.css

find each and every a:hover declaration and replace it with the following:
a:hover {
color:red;
}

#4 - ?????????????????????

[andreitero]

#1 - ?????????????????

#2 and #3 - open includes/templates/cold_steel/css/stylesheet.css

find each and every a:hover declaration and replace it with the following:
a:hover {
color:red;
}

#4 - ?????????????????????

Thank you for taking the time. I will try to be more clear:
1. The center column is not perfectly centered between the main wrapper right side border and left column border, it is visible on the main page, it needs moving about 3px to the left. How can i achieve that?

2. In IE i have the same problem as before when hovering mouse over the images in the home page center column.

3. I have changed the links to red now except for this:

a:hover,#navEZPagesTOC ul li a:hover {
color:red;
background:#fff;
font-weight:700
}

That is not red on mouse hover for some reason.

4. Just above the monthly specials(home page) there is a text box. I want to move that below the featured products. I suspect this will be done from tpl_index_default.php, but not sure.