Results 1 to 6 of 6
  1. #1
    Join Date
    Aug 2006
    Posts
    102
    Plugin Contributions
    0

    Default 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.ph...=shopping_cart

    Any ideas guys??

  2. #2
    Join Date
    Jan 2004
    Posts
    66,443
    Plugin Contributions
    279

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

  3. #3
    Join Date
    Aug 2006
    Posts
    102
    Plugin Contributions
    0

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

  4. #4
    Join Date
    Jan 2004
    Posts
    66,443
    Plugin Contributions
    279

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

  5. #5
    Join Date
    Aug 2006
    Posts
    102
    Plugin Contributions
    0

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

  6. #6
    Join Date
    Jan 2004
    Posts
    66,443
    Plugin Contributions
    279

    Default 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 Code:
    <h2 id="cartEmptyText">Your Shopping Cart is empty.</h2>
    and
    HTML Code:
    <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.

 

 

Similar Threads

  1. v150 Remove Weight from Shopping Cart
    By CnTGifts in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 19 Aug 2012, 05:40 PM
  2. Remove right sidebox shopping cart from when on shopping cart page
    By alterego55 in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 2 Oct 2010, 01:45 AM
  3. remove units from shopping cart
    By fw541c in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 20 Sep 2010, 10:08 AM
  4. Remove image from shopping cart
    By Trole in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 17 Nov 2007, 04:56 PM

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