If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #12327

    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




    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,



    Hi Devin,

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

    Thank you very much.




    Glad that it works again :)



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Cart table formatting’ is closed to new replies.