Free shipping bar styling
-
Hi,
Is it possible to change the styling of the free shipping bar? For example we don’t want it to have a dotted border.
Thank you.
Hi s0mbrer0,
Thanks for reaching to us.
Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
div.wd-shipping-progress-bar.wd-style-bordered .wd-free-progress-bar {
border: 2px solid var(--brdcolor-gray-300);
}
Regards,
Hi,
Is there a way we can change the color of the bar from the free shipping bar. Now it is red.
Attachments:
You must be
logged in to view attached files.
The most ideal would be if it the amount is reached it will have a green (so other) color.
Hello s0mbrer0,
Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.wd-progress-bar div.progress-bar {
background-color: #000;
}
Regards,
.
