Hi,
I've seen it before somewhere in the forum I think?
I want to change the "new products for" header and "featured products" header on the home page to an image.
http://www.lyonslimited.com/catalog/
Printable View
Hi,
I've seen it before somewhere in the forum I think?
I want to change the "new products for" header and "featured products" header on the home page to an image.
http://www.lyonslimited.com/catalog/
Depending upon the image, a tile or a full size image - add to the following in your stylesheet
Some or all of the following and adjust for your image name & typeCode:.centerBoxHeading {
margin: 0em;
background-color: #630000;
padding: 0.5em 0.2em;
}
Code:background-image: url(../images/center_bg.jpg);
background-repeat: no-repeat;
One way (I don't know if that's the best way to do it) is to edit your stylesheet.css and set featured to have an image as background. Of course you'll have to edit english.php to remove the "Featured Products..." text.
The same for New Products.
Hope that it helps
George
Thanks Kobra,
I cannot text-align: center; in my stylesheet.
Nor can I make custom headers for "new products" and "featured products"
Working locally on my machine---
I have this in the stylesheet:
.centerBoxHeading {
margin: 0em;
background-image: url(../images/featured-bg-head.jpg);
background-repeat: no-repeat;
padding: 0.5em 0.2em;
line-height: 48px;
text-align: center;
}
Bob -
You need to use the ID for each box to differentiate between them.
#whatsNew .centerBoxHeading {}
Thanks Kim,
Starting to work. But I still cannot center the image
#featuredProducts .centerBoxHeading {
margin: 0em;
background-image: url(../images/featured-bg-head.jpg);
background-repeat: no-repeat;
background-color: #FFFFCC;
padding: 0em;
line-height: 48px;
text-align: center;
height: 1%; /* IE6 bug issue */
}
The text-align: center is not working. Suggestions?
see attached screen shot...working locally but if you want I can post changes to the web site
Try background-position instead of text-align.
Thank you Kim,
This works well.
Well now this presents another problem.
http://www.lyonslimited.com/catalog/...=index&cPath=2
The architecture still shows up in white letters on the header image