Cart table formatting

4 posts from 2 voices

• Started 1 year ago by tremblayly
• Latest reply from Dude
• This topic is resolved

Tags:

• shopping cart styling

1. 

   tremblayly
   Member

   It seems I have lost the table formatting on the shopping cart. I use Abundance on two websites.

   This one displays the cart page OK: http://featherfactorycanada.com/cart
   This one displays the cart page without formatting between cells: http://tremblaytechweb.com/TWdev/cart

   I have don't remember changing any of the cells formatting in the latter to make the cells any different.

   Here's the WooCommerce styling changes I have made to the problem website. Perhaps you can see if I am causing this problem:
   /*********************************************************************/
   /* WOOCOMMERCE CUSTOMIZATION for Trout Waters **/
   /********************************************************************/
   #top .variations td {
   background-color: #2C3547!important;
   border: 2px #ffff!important;
   padding: 4px 10px;
   }
   #top .button, #top #submit {
   background-color: #2c3547;
   }
   form.cart .variations label {
   color: #FFFFFF;
   font-weight: bold;
   }
   .woocommerce_tabs ul{
   list-style-type: square;
   list-style-position: inside;
   }
   #top div.product .woocommerce_tabs .panel {
   -moz-border-bottom-colors: #2C3547;
   -moz-border-image: none;
   -moz-border-left-colors: #2C3547;
   -moz-border-right-colors: #2C3547;
   -moz-border-top-colors: none;
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
   border-color: -moz-use-text-color #F8F8F8 #F8F8F8;
   border-right: 5px solid #F8F8F8;
   border-style: none solid solid;
   border-width: 0 5px 5px;
   padding: 15px;
   }
   .related.products, .upsells.products {
   border: 5px solid #2C3547;
   clear: both;
   overflow: hidden;
   padding: 15px;
   }
   .post-entry-portfolio-first strong, .entry-content strong {
   color: #FFFFFF;
   }
   .cart-subtotal th {
   color: #FFF !important;
   }
   .cart_totals .amount {
   color: #333 !important;
   }
   .cart-collaterals .cart_totals h2 {
   color: #2c3547;
   }
   .cart-collaterals .cart_totals p {
   margin: 0;
   text-align: left;
   font-style: italic;
   }
   #top div.product .woocommerce_tabs ul.tabs {
   background: none repeat scroll 0 0 #2C3547 !important;
   border-color: #2C3547 #2C3547 -moz-use-text-color !important;
   }

   div.product .woocommerce_tabs ul.tabs li {
   font-size: 16px!important;
   font-weight: bold !important;
   }

   #top div.product .woocommerce_tabs ul.tabs li.active a {
   background: none repeat scroll 0 0 white;
   color: #000000;
   }

   #top div.product .woocommerce_tabs ul.tabs a {
   color: #FFFFFF;
   }
   .products ul, ul.products {
   list-style: none inside none;
   margin: 0 0 14px;
   padding: 0;
   }
   .thumbnail_container_inner {
   min-height: 180px;
   border: 1px solid #f3ede8;
   background-color: #fff;
   }

   #top .thumbnail_container img, #top .thumbnail_container a:hover img {
   margin: 20px 0;
   display: block;
   border: none;
   width: 100%;
   height: auto;
   }
   .breadcrumb-trail {
   background: none repeat scroll 0 0 #FFFFFF;
   bottom: 78px;
   font-size: 10px;
   left: -25px;
   padding: 0 7px 0 0;
   position: absolute;
   }
   .avia_select_fake_val {
   color: #000000;
   font-size: 11px;
   height: 31px;
   left: 7px;
   line-height: 31px;
   overflow: hidden;
   position: absolute;
   text-align: left;
   top: 1px;
   width: 83%;
   z-index: 2;
   }

   Much appreciated
   Lyse

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hi!

   Following code in css/custom.css causes the styling problem (line 47+):
   

   td {
       background: none repeat scroll 0 0 #FFFFFF !important;
       border: medium none !important;
       color: #000000 !important;
       text-align: left;
   }

   Best regards,
   Peter

   Posted 1 year ago #
3. 

   tremblayly
   Member

   Hi Devin,

   Deleted that TD styling and checked the remaining pages. All works well now.

   Thank you very much.

   Lyse

   Posted 1 year ago #
4. 

   Dude
   Dude

   Hi!

   Glad that it works again :)

   Regards,
   Peter

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.