Page 1 of 2 12 LastLast
Results 1 to 10 of 15
  1. #1
    Join Date
    Mar 2006
    Location
    Fresno, California
    Posts
    620
    Plugin Contributions
    0

    Default 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/

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: Change Featured Products header to an image

    Depending upon the image, a tile or a full size image - add to the following in your stylesheet
    Code:
    .centerBoxHeading {
    	margin: 0em;
    	background-color: #630000;
    	padding: 0.5em 0.2em;
    	}
    Some or all of the following and adjust for your image name & type
    Code:
    background-image: url(../images/center_bg.jpg);
    background-repeat: no-repeat;
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Dec 2006
    Location
    Athens - Greece
    Posts
    71
    Plugin Contributions
    0

    Default Re: Change Featured Products header to an image

    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

  4. #4
    Join Date
    Mar 2006
    Location
    Fresno, California
    Posts
    620
    Plugin Contributions
    0

    Default Re: Change Featured Products header to an image

    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;
    }

  5. #5
    Join Date
    Jun 2003
    Posts
    33,715
    Plugin Contributions
    0

    Default Re: Change Featured Products header to an image

    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.

  6. #6
    Join Date
    Mar 2006
    Location
    Fresno, California
    Posts
    620
    Plugin Contributions
    0

    Default Re: Change Featured Products header to an image

    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?

  7. #7
    Join Date
    Mar 2006
    Location
    Fresno, California
    Posts
    620
    Plugin Contributions
    0

    Default Re: Change Featured Products header to an image

    see attached screen shot...working locally but if you want I can post changes to the web site
    Attached Images Attached Images  

  8. #8
    Join Date
    Jun 2003
    Posts
    33,715
    Plugin Contributions
    0

    Default Re: Change Featured Products header to an image

    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.

  9. #9
    Join Date
    Mar 2006
    Location
    Fresno, California
    Posts
    620
    Plugin Contributions
    0

    Default Re: Change Featured Products header to an image

    Thank you Kim,

    This works well.

  10. #10
    Join Date
    Mar 2006
    Location
    Fresno, California
    Posts
    620
    Plugin Contributions
    0

    Default Re: Change Featured Products header to an image

    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

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Category featured image: I want to show only subcategories, not featured products!
    By ilmarchez in forum Setting Up Categories, Products, Attributes
    Replies: 2
    Last Post: 3 Dec 2010, 05:33 PM
  2. change Featured products to Featured Categories?
    By chrismaddox3d in forum Setting Up Categories, Products, Attributes
    Replies: 0
    Last Post: 22 Oct 2010, 01:25 AM
  3. Featured Products(on index): Need to change product image & title order
    By Pathan in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 12 Jan 2010, 04:41 PM
  4. Displaying products in the header like featured, new products sidebox
    By NamSingh in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 25 Dec 2009, 03:24 AM
  5. Change Text in Featured Products header
    By Kuka in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 26 Feb 2009, 05:25 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR