Change CSS Class to Address 1

  • Resolved Claudio

    (@cl4udio)


    2 months, 1 week ago

    Hi team,

    Congrats on this plugin!

    I need to change the CSS class of the Shipping Address 1 field on the checkout form (using form-row-last). However, I haven’t been able to achieve this using a PHP function to edit the shipping address filter from WooCommerce.

    Do you have a special hook or filter to complete this task? Currently, I can edit the HTML element directly via CSS, but I think it’s better to do it using a PHP function.

    Thanks.

Viewing 1 replies (of 1 total)
  • Plugin Author Diego Versiani

    (@diegoversiani)

    Hi @cl4udio,

    Thanks for the feedback ??

    Changing the field styles directly is not ideal as there are already the native CSS classes from WooCommerce to do what you need.

    Fluid Checkout does support changes to the checkout fields using the native hooks from WooCommerce via custom PHP code:

    • woocommerce_checkout_fields
    • woocommerce_billing_fields
    • woocommerce_shipping_fields

    Our plugin use these hooks at priority 100, 200 and 300, but it is not uncommon for other plugins to use priority up to 1000.

    1. Try setting the priority for your hooked function to 1001 or higher and see if that solves the problem for you.

    2. Otherwise, check our guide Customize checkout fields and adding custom checkout fields.

    I’m closing this ticket for now. If you need further assistance related to this issue, simply reply to this message to re-open it.

    Best,
    Diego.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.

Tags