Results 1 to 6 of 6
  1. #1
    Join Date
    Nov 2007
    Location
    Dallas, Texas USA
    Posts
    183
    Plugin Contributions
    0

    Default Restyling the table in the shopping cart page

    I want to override some html tags and add a border to the table displaying the contents of the shopping cart. How would I do that? I tried setting styles for the id, but that didn't work. I just don't know css well enought yet to do it. Here is what I see in the html:

    <table border="0" width="100%" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
    <tr class="tableHeading">
    <th scope="col" id="scQuantityHeading">Qty.</th>
    <th scope="col" id="scUpdateQuantity">&nbsp;</th>
    <th scope="col" id="scProductsHeading">Item Name</th>
    <th scope="col" id="scUnitHeading">Unit</th>
    <th scope="col" id="scTotalHeading">Total</th>

    <th scope="col" id="scRemoveHeading">&nbsp;</th>
    </tr>

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Restyling the table in the shopping cart page

    Inline styling always takes precedence over external stylesheets, but you can add !important to a property in the stylesheet to override the inline style:

    #cartContentsDisplay {border: 1px solid #aabbcc !important;}

  3. #3
    Join Date
    Nov 2007
    Location
    Dallas, Texas USA
    Posts
    183
    Plugin Contributions
    0

    Default Re: Restyling the table in the shopping cart page

    Thanks, but I've tried that and it makes no difference. In fact, it's set that way now. Actually, I've tried it a few times and it never seems to work. Checked my syntax, too. Does its position in the stylesheet matter? I use FF 2 on Mac. Haven't checked IE or others.

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Restyling the table in the shopping cart page

    Position can matter. If the same thing is reset after your declaration, the second one will control.
    Search your stylesheet for any other instances.

  5. #5
    Join Date
    Jan 2008
    Posts
    2
    Plugin Contributions
    0

    Default Re: Restyling the table in the shopping cart page

    I'm also having an extremely difficult time changing the width of the shopping cart table. Can anyone point me in the right direction of what to edit in the stylesheet. I've tried things such as #cartContentsDisplay {width: 350px !important;} to no avail. Even with the declaration at the bottom of the page nothing helps. Is there some parent that I'm not finding? Also I'm having issues with long quantity boxes, a stretched update cart button and checkbox.

  6. #6
    Join Date
    Jan 2008
    Posts
    2
    Plugin Contributions
    0

    Default Re: Restyling the table in the shopping cart page

    I found the guilty party here: input {width: 130px !important; /*orginally auto: hack for Zen Cart resizing buttons, grr */
    } oops! It was the children that were causing me such grief for once.

 

 

Similar Threads

  1. want to show discounted rate in the first page of the shopping cart
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 15 Sep 2014, 12:12 PM
  2. How do I display the shopping cart on the index page?
    By mpsblue in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 8 Apr 2011, 10:26 AM
  3. not see the new list in the shopping cart page
    By abaco in forum General Questions
    Replies: 4
    Last Post: 12 Jan 2011, 09:00 AM
  4. Splitting the shopping cart off the main page...
    By darkdirk1 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 20 Jun 2007, 08:07 AM

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