Printable View
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:Quote:
Originally Posted by UpfrontJewelry
footer.gif
header_bg.gif
inr_logo.gif
Save your new graphics with the same names to:
includes/templates/cold_steel/images
Clyde:Quote:
Originally Posted by clydejones
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.Quote:
Originally Posted by itseemedsosimple
/*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;
}
Quote:
Originally Posted by clydejones
Clyde:Quote:
Originally Posted by itseemedsosimple
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.Quote:
Originally Posted by itseemedsosimple
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;
}
Quote:
Originally Posted by clydejones
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.:oops: Thanks again, adios.
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 - ?????????????????Quote:
Originally Posted by andreitero
#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:Quote:
Originally Posted by clydejones
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:
That is not red on mouse hover for some reason.Code:a:hover,#navEZPagesTOC ul li a:hover {
color:red;
background:#fff;
font-weight:700
}
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.