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/
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;
Zen-Venom Get Bitten
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 {}
Please do not PM for support issues: a private solution doesn't benefit the community.
Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.
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.
Please do not PM for support issues: a private solution doesn't benefit the community.
Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.
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
Bookmarks