-
-
On my site the WooCommerce Cart Widget has a styling issue after having switched temporarily between Specular and one of the standard WordPress themes to test the site whilst resolving another issue. When I reverted back to Specular I was left with a styling issue with the Cart Widget after a product has been added. Do you know what I need to do to fix this please.
-
You can see the issue on my website:
“www.rat3d.co.uk/online-shop/”
-
Hello,
I think that problem was caused by some plugin that you have installed.
Please try to disable them for a moment. If the problem persist i can help you to fix the css issue.
Let us know.
Regards!
-
I tried disabling the plugins but it did not resolve the issue unfortunately.
-
I mainly resolved my issue by removing the ‘Woocommerce Cart’ element from my Online Shop page and instead added the ‘Basket’ widget to the sidebar for the Online Shop page. The basket looks different but ok, however, the ‘Checkout’ and ‘View basket’ buttons do not display properly – sometimes the buttons are there, sometimes just text, sometimes the text is misaligned. Do you know how I can resolve these please so that the buttons show up consistently?
-
Hello,
Please try to add this lines of css:
.woocommerce-mini-cart__buttons.buttons .button{ text-transform: capitalize; border-width: 2px; border-style: solid; float: left; color:#222 !important border-color: #ddd; border-radius: 3px; -webkit-border-radius: 3px; } .woocommerce-mini-cart__buttons.buttons .button.checkout{ margin-left: 5px; }
Save the changes on style.css or custom css box.
Let us know.
Regards!
-
It’s better after adding your code but not perfect. The buttons appear one below the other but they don’t look very tidy. Not sure if they can be improved at all. What do you think after looking at them on the Online Shop page after adding a product to the basket?
-
Hello,
You can add some other custom css to fix it completely anyway now it is better you can check my screen how does it look:
Regards!
-
You must be logged in to reply to this topic.