Hello.
I bought and installed a deposit plugin from limeplugin. this is used in conjunction with woocommerce so that customer is able to pay e.g. 25% deposit.
But somehow enfold and this plugin dont work well together from css point of view.
1. the button to choose between 100% payment and deposit payment is distorted. there are 2 dots
2. the deposit plugin does its calculation and the calculation details appear below the additional information field. this information should be hidden.
could you please have a look?
thanks for checking,
philip
Hi Philip!
Can you first please flush permalink settings in Settings > Permalinks ? Currently permalinks are broken and i could not add any product to cart to check out the CSS issue :)
Best regards,
Yigit
Hey!
Yes, that is what i meant and now it does work fine. Please add following code to Quick CSS in Enfold theme options under General Styling tab
ul.deposit_options {
list-style: none!important;
}
li#deposit-option-full input, input#pay-deposit {
float: left;
}
tr#due-later, tr#due-today {
display: none!important;
}
Regards,
Yigit
Hi!
It does work fine on my end – http://i.imgur.com/Q4qc1ZB.png
Please flush browser cache and refresh your page a few times :)
Regards,
Yigit
Hi!
I don’t think the calculation is affected by the css code. If the calculation doesn’t work it’s a plugin issue and you need to contact the author of the plugin. To hide the input fields on the checkout page use this code:
.woocommerce-shipping-fields .deposit_amount_hidden, .woocommerce-shipping-fields .remaining_balance_hidden, .woocommerce-shipping-fields .total_order_cost_hidden{ display: none !important; }
Cheers!
Peter