Forums / Basic Configuration / Remove BG image from shopping cart

Remove BG image from shopping cart

Locked

Views: 2,370

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
17 Aug 2006, 5:17 PM
#1
paulfromwales avatar

paulfromwales

Zen Follower

Join Date:
Aug 2006
Posts:
102
Plugin Contributions:
0

Remove BG image from shopping cart

When the shopping cart is empty, a page appears with the new products for this month , the background i use for the left boxes is used above the products for some reason on the page which looks daft, how do i get rid of the BG image on this page?

http://www.edenspirit.co.uk/index.php?main_page=shopping_cart

Any ideas guys??

18 Aug 2006, 7:12 AM
#2
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,515
Plugin Contributions:
176

Re: Remove BG image from shopping cart

Perhaps add this and set the right px size:

#whatsNew h2.centerBoxHeading {height: 12px;}

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

18 Aug 2006, 10:15 AM
#3
paulfromwales avatar

paulfromwales

Zen Follower

Join Date:
Aug 2006
Posts:
102
Plugin Contributions:
0

Re: Remove BG image from shopping cart

Hi Doc,

I put:

#whatsNew h2.centerBoxHeading {
height: 0px;
}

in the stylesheets, this made the BG image a bit smaller to the actual height of the side box BG image , but there is a bit of code somewhere telling the shopping cart when it is empty to display the side box title BG behind the text that says 'Your Shopping Cart is empty'.

It looks a bit better now the height is a bit smaller but would be better if had no BG. There has got to be a bit of code somewhere doing this?

Any ideas??

18 Aug 2006, 10:42 AM
#4
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,515
Plugin Contributions:
176

Re: Remove BG image from shopping cart

I only see the BG image behind "New Products for August" ... with no BG behind "Your Shopping Cart is empty." ... both in IE and FF ... .granted, IE still shows too tall a BG image.

You might also set your BG image to repeat-x;

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

18 Aug 2006, 12:38 PM
#5
paulfromwales avatar

paulfromwales

Zen Follower

Join Date:
Aug 2006
Posts:
102
Plugin Contributions:
0

Re: Remove BG image from shopping cart

Sorry mY fault not being precise enough, thats what i meant. I have changed the image now anyway so it looks a bit better, but can you get rid of that BG and have no BG under text.

Thanks for your wisdom.

18 Aug 2006, 12:51 PM
#6
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,515
Plugin Contributions:
176

Re: Remove BG image from shopping cart

I still can't tell what you want... which text are you concerned about?

Studying the View Source reveals:```html

<h2 id="cartEmptyText">Your Shopping Cart is empty.</h2> ```and```html <body id="shoppingcartBody"> ... <div class="centerBoxWrapper" id="whatsNew"> <h2 class="centerBoxHeading">New Products For August</h2> ```

Thus, to turn off all images for the "Your shopping cart is empty" text, you could use:
h2#cartEmptyText { background-image: none; }

or to turn off the image for the What's New title, you could use:
#shoppingcartBody #whatsNew h2.centerBoxHeading { background-image: none;}

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.