Change Featured Products header to an image

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

.centerBoxHeading {
	margin: 0em;
	background-color: #630000;
	padding: 0.5em 0.2em;
	}

Some or all of the following and adjust for your image name & type

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.php?main_page=index&cPath=2

The architecture still shows up in white letters on the header image

Remove it from your english.php

I am unable to identify where to remove this in the english.php

Help?

You are using the Image Titles mod, and for some reason the code is not removing the category name appended to the title when the image is being used, even though it is written to do that.

Is your /includes/modules/your_template/featured_products.php showing this code at the bottom of the file?```php
if (isset($new_products_category_id) && $new_products_category_id !=0) {
$category_title = zen_get_categories_name((int)$new_products_category_id); //image titles - box header image if file exists 2007-10-04
$title = '<h2 class="centerBoxHeading">' . (file_exists(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/centerboxhead-featured.gif') ? zen_image(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/centerboxhead-featured.gif') : TABLE_HEADING_FEATURED_PRODUCTS . ($category_title != '' ? ' - ' . $category_title : '')) . '</h2>';
} else {
$title = '<h2 class="centerBoxHeading">' . (file_exists(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/centerboxhead-featured.gif') ? zen_image(DIR_WS_TEMPLATE . 'buttons/' . $_SESSION['language'] . '/centerboxhead-featured.gif') : TABLE_HEADING_FEATURED_PRODUCTS) . '</h2>';
}

Hmm... are you applying the Image Titles mod to the centerboxes, or trying to do those manually? If you have renamed the mod's /includes/modules/your_template/ folder to your custom template name, all you have to do is save the image as
/includes/templates/your_template/buttons/english/centerboxhead-featured.gif.

I see the problem. You are using the old version of Image Titles, before the switch to language-specific images, and that version may not have had centerbox title support.```html

You should install the current version of Image Titles and move the images to the corresponding /buttons/english/ folder.