A few Woo styling issues with Dante

[thebeesons]

Hi,

I’m using Dante with WooCommerce and everything seems to be working really well. I’m just having one or two issues.

1 – I can’t see to get the Cart to show in the header – I have the “Show cart aux option” in the theme options set to “ON” but the cart icon only seems to show in the mobile menu not the full text menu – any thoughts?

2 – I have a few styling issues on Woo Cart and Checkout pages (see PDF attached), not sure if there is any custom CSS i can use to over come these?

PLEASE NOTE: the site is currently in Maintenance mode – please see URL specified above to view these issues. Individual URL’s are also specified on the attached PDF.

Any help gratefully received.

Thanks in advance

GB

[Mohammad – SUPPORT]

Hi,

1- Please use header style 1 , 2 , 5 , 7 to display cart option at Admin -> Theme Options -> Header Options.

2- Please use given below custom css code:

 ul.tabs li.tab-technical-specifications_tab a{color:#ff0000 !important;}
input.minus,input.plus,input.qty{color:#ff0000 !important;}
.woocommerce-message:before,.woocommerce-message , .woocommerce-message a{color:#ff000 !important;}
.wc-forward a:after{color:#ff0000 !important;}
.woocommerce .coupon input.input-text{width:62% !important}
.woocommerce-info, .woocommerce-info a{color:#ff0000 !important;}
table.shop_table tr.cart-subtotal th, table.shop_table tr.cart-subtotal td, table.shop_table tr.total th, table.shop_table tr.total td{color:#ff0000 !important;}
.my-account-left{display:none}

Thanks

[thebeesons]

Hi Mohammad,

Amazing support as ever – thanks.

One last thing, I can now control the text colour but not the background of the coupon message or the keyline which divides the items in the shopping cart totals. I’ve attached another screen grab to demonstrate.

Thanks in advance

GB

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:
table.shop_table tr.cart-subtotal th, table.shop_table tr.cart-subtotal td, table.shop_table tr.total th, table.shop_table tr.total td{border-top:2px solid #222 !important;}

.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info{background:#eee !important}

Thanks 🙂
With Best Regards
Swift Ideas

[thebeesons]

Mohammad – U R A *

Thanks

GB 🙂

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved .
Thanks 🙂
With Best Regards
Swift Ideas