1 - In the mini cart that opens when I add items to the cart, the product image as well as checkout button has a border radius. While I tried changing it using custom CSS and it changes, sometimes it loads with border radius. Can you provide me the CSS to remove border radius on these two?
2 - On the checkout page, it keeps saying next to Delivery - Shipping options not available. How can I fix that or change the text?
1. I recommend changing the theme skin from material to original or ascend as the material skin adds roundness to buttons and other elements in the theme
1.Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
2. Are you referring to this: https://woocommerce.com/products/shippo/ ?. I am afraid Salient has no such checkout customization features available so you would have to contact the relevant plugin authors or support team.
Also you can switch temporarily to the "Storefront" Theme by Woocommerce to check if certain feature is being extended or customized by Salient or not.
Hi, I need help with these two issues -
1 - In the mini cart that opens when I add items to the cart, the product image as well as checkout button has a border radius. While I tried changing it using custom CSS and it changes, sometimes it loads with border radius. Can you provide me the CSS to remove border radius on these two?
2 - On the checkout page, it keeps saying next to Delivery - Shipping options not available. How can I fix that or change the text?
Hi Singh,
Thank you for reaching out to us.
1. I recommend changing the theme skin from material to original or ascend as the material skin adds roundness to buttons and other elements in the theme
2. Here's a WordPress support forum that may assist with this https://wordpress.org/support/topic/shipping-options-disappear/.
I hope that all helps.
Regards,
Hi Andrew,
1 - I tried but none of them worked for me and also I did a lot of customizations using Material so a lot of work.
2 - It doesn't apply so to me, because I'm not using Shippo.
Hey Again,
1.Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.material #header-outer ul.product_list_widget li img, .material.woocommerce-page ul.product_list_widget li img { border-radius: 0px !important; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button { border-radius: 0px !important; }2. Are you referring to this: https://woocommerce.com/products/shippo/ ?. I am afraid Salient has no such checkout customization features available so you would have to contact the relevant plugin authors or support team.
Also you can switch temporarily to the "Storefront" Theme by Woocommerce to check if certain feature is being extended or customized by Salient or not.
Best
ThemeNectar Support Team