Page 1 of 2 12 LastLast
Results 1 to 10 of 15
  1. #1
    Join Date
    Mar 2006
    Location
    Fresno, California
    Posts
    621
    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
    Posts
    26,493
    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
    Get Your Business Found

  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
    621
    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,823
    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
    621
    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
    621
    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,823
    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
    621
    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
    621
    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. Change relative position of products info in Featured Products
    By warstormer in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 30 Aug 2007, 06:50 PM
  2. Change Featured Products Display
    By margecc in forum Basic Configuration
    Replies: 10
    Last Post: 1 Jun 2007, 06:18 PM
  3. Change the color of featured products and more
    By eaglewu in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 29 Jan 2007, 09:32 AM
  4. Change New Products Bar to read Featured Products
    By scribbles in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 22 Jul 2006, 05:12 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
  •