Progress Bar Removes After Completion

Forums › Amount Left for Free Shipping for WooCommerce › Progress Bar Removes After Completion

  • This topic has 1 reply, 2 voices, and was last updated 1 month ago by Taha.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 14, 2025 at 11:31 pm #161166
    Osama
    Participant

    I’ve recently bought the paid plan for the left to free shipping plugin, and I have facing 2 issues that I need to work to make it perfect.

    1) How do I update the font family of the text?
    2) The progress bar disappears after hitting 100% to get the free shipping. I’d like for it to stay there even after reaching 100%.

    If you can please address these two as soon as possible, I can start using it right away.

    Thank you

    March 23, 2025 at 11:39 am #161800
    Taha
    Moderator
    Plugin Support

    Hi Osama,

    Thanks for reaching out here as well. I’m just replying to ensure anyone referring to this topic can see the solution we provided. I’ll go ahead and close the topic now since you have confirmed that the issue has been addressed.

    To keep the progress bar visible even after the threshold has been reached, you can use the following code and place it under General tab > Free Shipping Reached:

    <strong>You have free delivery!</strong>
<div class="alg-wc-alfs-progress">
    <div class="alg-wc-alfs-progress-bar alg-wc-alfs-progress-bar-striped" style="width:100%;"></div>
</div>

    Regarding the font adjustment, you can achieve that using the following CSS snippet. Add it to the Customizer:

    .alg_wc_left_to_free_shipping_ajax,  
.alg_wc_left_to_free_shipping_ajax strong {  
   font-weight: 500;  
   font-family: "Helvetica", sans-serif;  
}
    Additionally, ensure that AJAX is enabled from the Advanced tab. The CSS code should be pasted into the Additional CSS section of the WordPress Customizer (Appearance > Customize > Additional CSS). Please note that our plugin doesn’t have a direct option to add CSS.

    If the CSS doesn’t seem to be working, try clearing your cache if you’re using a caching plugin. You can also check whether the CSS is applied using your browser’s Inspect Element tool.

    Best regards,

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.