• Resolved wieand

    (@wieand)


    I’m trying to use the Booster Shipping Description module to add instructions to my “local pickup” shipping option. Unfortunately, the first letter of each word is being automatically capitalized, which doesn’t look great. How can I turn this capitalization off?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support David G

    (@gravid7)

    Hi @wieand

    Thanks for reaching out to us. You can enable the “Custom CSS” module and add below CSS code. This will help you to set text in the proper format.

    tr.woocommerce-shipping-totals.shipping td {
    text-transform: none;
    }

    Thread Starter wieand

    (@wieand)

    Thanks @gravid7! That worked.
    One more thing, though – that also decapitalized the title of the shipping option so that it now says “Local pickup” instead of “Local Pickup.” Is there a way I can edit this text too and make it whatever I want?
    How do I transfer these techniques to the other shipping options? In particular, can I use this plugin to change the name of “Flexible Shipping”?

    Plugin Support David G

    (@gravid7)

    Hi @wieand

    Glad to know that it worked. But for this new point, you need to remove the previous CSS and add the below CSS code.

    tr.woocommerce-shipping-totals.shipping td label {
    text-transform: capitalize;
    }
    tr.woocommerce-shipping-totals.shipping td small {
    text-transform: none;
    }

    Thread Starter wieand

    (@wieand)

    Thanks again @gravid7. That worked!

    If anyone has ideas about my second question, I’d still welcome those.

    How do I transfer these techniques to the other shipping options? In particular, can I use this plugin to change the name of “Flexible Shipping”?

    Plugin Support David G

    (@gravid7)

    Hi @wieand

    Glad to know that it worked.

    And regarding your second question, Sorry, using our plugin settings you can’t change other shipping options. I’m marking this topic complete, please feel free to open a new thread for any further queries.

    Thread Starter wieand

    (@wieand)

    In case others want to implement this specific change (modifying the name of a shipping option on checkout page), I found a workaround using CSS. Paste in “Additional CSS” in theme customizer:

    
    label[for=shipping_method_0_flexible_shipping_single3]{
    	 visibility: hidden;
    }
    label span{
    	visibility: visible;
    }
    
    label[for=shipping_method_0_flexible_shipping_single3]:before {
    	content: 'Shipping via Canada Post: ';
    	visibility:visible;
    	text-transform: none;
    }
    label[for=shipping_method_0_local_pickup5] {
    	text-transform: none;
    	line-height: normal;
    }

    The ID of the shipping method to be replaced (in this case, “shipping_method_0_flexible_shipping_single3”) can be found using the browser’s inspector tool.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Disable autocapitalization in shipping description’ is closed to new replies.