Hello,
I recently got the woocommerce cart add-on extension but for some reason it is not showing up properly on the cart page. I have checked every setting I can think of to see what to do but I got nothing. Can you please help?
I Found out why it wasn’t showing however my next question would be how to add some space and center this extension on the cart page: http://staging.tlvbiblesociety.org/cart
Currently it looks pretty bad smushed up against the “proceed to checkout” button.
If it is not possible to do that, is it possible to hide it so I can instead add it as a widget in the sidebar?
Hello There,
Thank you for sharing the URL. Below image is what I am seeing on the cart page. It seems normal to me, nothing is smushed up. If you can give us more detailed information which section you want to adjust, that would be better.
Hello Lely,
I was referring to this item when used through the woocommerce “cart add-on” plugin as seen below:
Hello @jgreenberg,
Thanks for updating the thread.
Cart Add-ons is a 3rd party plugin offered by WooCommerce. Issues coming because of a 3rd party plugin falls outside the scope of support we can offer and should be directed towards the plugin developer.
Thanks for understanding.
Ok. I am on chat with wooCommerce and they said that the header tag H2 is way to large and is messing with the margin/padding. They gave me a some custom CSS to add margin underneath the button:
.wc-proceed-to-checkout { margin: 2em 0 !important; }
They said there is a lot of over riding CSS in the theme and I could not center it unfortunately.
Hello @jgreenberg,
Thanks for updating the thread.
Looks like you have already added the code as I can see the changes on my end. Actually there is no need to apply margin, you can add following code to have spacing:
.sfn-cart-addons {
clear: both;
}
If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.
I recommend you to watch following video that will help you to get started with CSS.
Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.
https://developers.google.com/web/tools/chrome-devtools/css/
Thanks.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.