Hello,
Some custom Css may help you adjust this, follow me step by step :
1. First for your delivery method which must be paid upon receipt, define it as free in its backend settings.
2. Go to your checkout, then target the “free shipping” text with your mouse, then use your browser’s Inspector Tool (right-click => Inspect)
3. You will see your element Html thanks to a new window :
=> This will allow you to get relative <label> references, here on my screenshot :
for="shipping_radio_1_2__0__manual_2"
4. Create some custom Css in order to :
- Remove the "
free shipping" :
label[for="shipping_radio_1_2__0__manual_2"] + span {
display: none;
}
- Add information about payment of fees that will be paid upon receipt :
label[for="shipping_radio_1_2__0__manual_2"]:after {
content: "your text";
}
=> You will get this result :
Note : Learn
here
how to add your custom Css.
Regards