Problem with Centerbox Header

[swelter83]

okay i did as directed, the image appeared, but the text "New Products for..." and "Featured Products" are not aligned with the image... any suggestions for this?

[gjh42]

You can position the bg image by adding to the declaration.

.centerBoxHeading {
    background-image: url(../images/center_box.gif);
    background-position: center center;
    }

There are other values that can be used for this if center center doesn't do the right job.

[swelter83]

Thanks alot GJ!

[haredo]

Sw,
Lets see a link to your great work please.

[swelter83]

LOL hey Haredo

Take a look again and see.
I don't know if you could consider it great work yet HAHAHA

http://cart.lifewaynutrition.com

i changed my header graphics.
but like i said I need to figure out how to reposition that text for the
centerboxes.

I feel like im doing this the hard way for some reason, maybe not, i dunno.

[haredo]

Sw,
Beautiful graphics.
A master of photoshop I see.

Change this in the stylesheet.css

Look for:
.centerBoxHeading

background-color:#FFFFFF;
background-image:url(../images/centerbox.png);
background-position:center;
background-repeat:no-repeat;
height:72px;
padding:0.5em 0.2em;
padding-top:3em;
width:668px;
}

Change the:

1. padding:0.5em 0.2em;

To:

1. padding-top: 3em;

[swelter83]

Great! going to try it now! thanks for the tip!
if you need or would like to get in touch with me just click the Avatar and it will
provide you with my ICQ / AIM screen name for easier contacting capabilities.

Thanks for the complement!

[gjh42]

Yes, nice graphics!

PM reply posted so it can be useful to others trying to do the same thing:

"...Is there anyway now that I have the image centered properly that I can change the text from "new products for..." to what i want it to be?"

That's where the Developers Toolkit (in admin > Tools) comes in.

All output text is defined in language files, to make it possible to switch languages quickly.
Paste a distinctive snippet of the text you want to change in the lower left box, select all files and search. Among the results will be the file and line number where the text is defined.

Change the 'New Products for' to 'Your Desired Text', keeping the single quotes.

If you want to eliminate the month, you need to edit /includes/modules/your_template/products_new.php (copy it from /includes/modules/products_new.php). In this section at the bottom of the file:

  if ($new_products->RecordCount() > 0) {
    if (isset($new_products_category_id) && $new_products_category_id != 0) {
      $category_title = zen_get_categories_name((int)$new_products_category_id);
      $title = '<h2 class="centerBoxHeading">' . sprintf(TABLE_HEADING_NEW_PRODUCTS, strftime('%B')) . ($category_title != '' ? ' - ' . $category_title : '' ) . '</h2>';
    } else {
      $title = '<h2 class="centerBoxHeading">' . sprintf(TABLE_HEADING_NEW_PRODUCTS, strftime('%B')) . '</h2>';
    }
    $zc_show_new_products = true;
  }
}
?> 

comment out the
, strftime('%B')
to get:

  if ($new_products->RecordCount() > 0) {
    if (isset($new_products_category_id) && $new_products_category_id != 0) {
      $category_title = zen_get_categories_name((int)$new_products_category_id);
      $title = '<h2 class="centerBoxHeading">' . sprintf(TABLE_HEADING_NEW_PRODUCTS /*, strftime('%B')*/) . ($category_title != '' ? ' - ' . $category_title : '' ) . '</h2>';
    } else {
      $title = '<h2 class="centerBoxHeading">' . sprintf(TABLE_HEADING_NEW_PRODUCTS /*, strftime('%B')*/) . '</h2>';
    }
    $zc_show_new_products = true;
  }
}
?> 

You can do the same with
. ($category_title != '' ? ' - ' . $category_title : '' )
if you don't want to show the category name.

[swelter83]

Thanks a TON for the help guys! It worked great!!!