shop banner is being repeated

**vinaip** · 13 May 2006, 04:43 AM

Hi,

I have just configured my shop, but the top banner is being repeated. Could you advice how to fix this issue. I want that the banner should be centered, just like the rest of the shop has expanded to the screen size.

See the shop at http://www.trendyessentials.com/ and advice. Thanks.

Thanks,
Vinai

**SandraJ7** · 13 May 2006, 04:51 AM

Try changing to this - background-repeat: repeat-x; in your stylesheet where you have the logo image. Don't know if it will work, but it's worth a try. I'm still learning this css stuff myself.

**clydejones** · 13 May 2006, 06:43 AM

repeat-x does just that (it repeats the image horizontialy.

Code:

TABLE.header {

  background-image: url(../images/header_bg.jpg);

  Change this background-repeat: repeat-x; to this background-repeat: no-repeat;

  background-color: #ffffff;

  border-right: 1px solid #9a9a9a;

  border-left: 1px solid #9a9a9a;

  border-bottom: 1px solid #9a9a9a;

}

PS. also add this to the code above: text-align: center;

See if that fixes the problem.

**wasana** · 13 May 2006, 11:31 AM

if you replaced the zen header_bg.jpg with your image 'banner' you may not be able to center it, try replacing the logo.gif instead - it took me a long time to figure that one out...

**vinaip** · 13 May 2006, 12:51 PM

Thanks to all of you. I managed to fix the issue with your tips. The no-repeat did the trick.

However I noticed that the source code of the home page now displays the names of two CSS files next to each other. See at http://www.trendyessentials.com/

<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet_fullscreen.css" /></head><body id="index">

Now I don't know if I did something or was it the default, but can't figure out how I got two different stylesheets to appear in the home page. Any help is appreciated.

Thanks,
Vinai

**clydejones** · 13 May 2006, 03:39 PM

Check your includes -> templates -> classic -> css folder.

I suspect you have both of these stylesheets included.

delete the one you don't use from your server.

if you have access to cPanel on your server you can delete it there or delete through your FTP program.

**SandraJ7** · 13 May 2006, 03:44 PM

Did you have someone create a custom template for you or did you add a mod to the script? When I use FireFox with the Developer tool and take out all the info in the fullscreen css the width of the content goes back to what is in the regular stylesheet. With the fullscreen css still there you get the shop taking up the fullscreen. lol Hope that makes sense.

I didn't investigate what else the full screen stylesheet might be configuring.

From my studying css in the last week or so I found out that you can have multiple stylesheets. I'm using the newest version of Zen Cart and it has three styleshheets - one for the regular formatting, one for buttons (haven't investigated this yet) and also one to control how the page would print out on a printer.

**takspeed** · 13 May 2006, 10:41 PM

Originally Posted by clydejones

repeat-x does just that (it repeats the image horizontialy.

Code:

TABLE.header {

  background-image: url(../images/header_bg.jpg);

  Change this background-repeat: repeat-x; to this background-repeat: no-repeat;

  background-color: #ffffff;

  border-right: 1px solid #9a9a9a;

  border-left: 1px solid #9a9a9a;

  border-bottom: 1px solid #9a9a9a;

}

PS. also add this to the code above: text-align: center;

See if that fixes the problem.

I tried this fix on a fresh install, and it removed the duplicate image, but the center column is still stretched way too wide for the screen. It looks fine with Mac firefox, but not with safari. Any ideas? http://www.takspeed.com/zstore/index.php?main_page=

**clydejones** · 13 May 2006, 11:00 PM

Originally Posted by takspeed

I tried this fix on a fresh install, and it removed the duplicate image, but the center column is still stretched way too wide for the screen. It looks fine with Mac firefox, but not with safari. Any ideas? http://www.takspeed.com/zstore/index.php?main_page=

I checked the URL you provided and it looks like a fresh install of zencart with the demo setup. Looks fine in Firefox and IE on a PC

**takspeed** · 14 May 2006, 02:31 PM

Originally Posted by clydejones

I checked the URL you provided and it looks like a fresh install of zencart with the demo setup. Looks fine in Firefox and IE on a PC

hmmm... it looks fine with IE and firefox on my mac, but both Safari and Opera have the extra wide center column that makes the page unreadable. any clues what to look for in the .css files?

Thread: shop banner is being repeated

Thread Tools

Search Thread

Display

shop banner is being repeated

Re: shop banner is being repeated

Re: shop banner is being repeated

Re: shop banner is being repeated

Re: two stylesheet references in source

Re: shop banner is being repeated

Re: shop banner is being repeated

Re: shop banner is being repeated

Re: shop banner is being repeated

Re: shop banner is being repeated

Similar Threads

v151 Banner 7 being difficult

Shop Banner

Shop being relocated to website

Posting Permissions