Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 5, 2018 at 3:14 am #1029731
    HuxburyQuinn

    kriesi.at/support/topic/problem-with-mobile-cart-product-table/

    This CSS code works fine , however only when it is added to the enfold-child – Quick CSS

    If add these styles to enfold-child > style.css file – they fail to override
    wp-content/themes/enfold/config-woocommerce/woocommerce-mod.css?ver=4.9.8

    Please advise how I can effectively add the same CSS to the child style.css file.

    I added ! Important after each style, however this did not make a difference.

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	/*
	SHOW CART COLUMNS ON MOBILE
	================================================== */
			  .responsive .shop_table .product-quantity, .responsive table.shop_table .product-thumbnail {
				display: table-cell !important;
			}
			
			table div.quantity {
				width: 60px !important;
			}
			
			#top div .quantity input.plus, #top div .quantity input.minus, #top div .quantity input.qty {
				line-height: 20px !important;
				height: 20px !important;
				height: 20px !important;
			}
}

    Thanks for your advice

    November 7, 2018 at 12:30 am #1030658
    Basilis

    Hey HuxburyQuinn,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Basilis

    November 7, 2018 at 2:41 am #1030680
    HuxburyQuinn

    Hi details provided

    November 12, 2018 at 5:18 am #1032421
    Ismael

    Hi,

    There’s an invalid code here.

    table.cart img { width: 200px !important ;}
}

    We remove the extra curly brace. Please test the css code again.

    Best regards,
    Ismael

    November 12, 2018 at 5:31 am #1032427
    HuxburyQuinn

    Hi Ismael,

    Thanks for picking that up.
    I gather the closing curly bracket was left over from other @media only screen and everything after that stopped loading.
    Makes me look like a complete novice for missing that!
    My Bad.

    Works from enfold-child/style.css

    All good!

    Thanks for the continued Support.

    November 13, 2018 at 1:56 am #1032831
    Ismael

    Hi,

    Great! Glad it’s working. I’ll close the thread now. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘WooCommerce Responsive CSS Cart Table – show Qty and Thumbnail’ is closed to new replies.