Feature Request: add class to errors

  • Resolved yhdm

    (@yellowhousedesign)


    1 year, 11 months ago

    Currently form errors output wrapped in a font tag with inline CSS making it red. 

    <font style="color: red">*** Forbidden. Sender blacklisted.  ***</font>

    Please consider wrapping the error in a div with a class so that we can target the error in CSS and style it or overwrite the font color if needed. Something like this would be really useful.

    <div class="cleantalk-error"><font style="color: red">*** Forbidden. Sender blacklisted.  ***</font></div>
Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Support SergeM

    (@serge00)

    Hello, @yellowhousedesign.

    I transferred your suggestion to the programmer staff. We will discuss it and write back to you within 5 business days.

    Please, wait.

    Thread Starter yhdm

    (@yellowhousedesign)

    Thank you @serge00!

    Plugin Support SergeM

    (@serge00)

    No problem! Please, wait.

    Plugin Support SergeM

    (@serge00)

    Hello, @yellowhousedesign.

    I would like to inform you that we decided to implement your suggestion. We will give you the beta-version when it’s ready. We plan to make before April 21, 2023.

    Please, wait.

    Thread Starter yhdm

    (@yellowhousedesign)

    Hello, I just wanted to follow up on this to see what the status was.

    I see that Version 6.8 now has the “gform_confirmation_message” div wrappers around the Cleantalk error, however those are typically only used for success messages and not errors, so there’s still not a great way to target the CSS for Cleantalk errors.

    Plugin Support dimitrycleantalk

    (@dimitrycleantalk)

    Hello, @yellowhousedesign

    We have made some chages and now you can use tags like font and div in the “Message for forbidden visitors” option. Please check this guide:
    https://cleantalk.org/help/overwrite-message-for-blocked-visitors

    Did it help?

    Thread Starter yhdm

    (@yellowhousedesign)

    Unfortunately not since we are looking to to alter the div class for all Cleantalk errors – not just the forbidden visitor message.

    Plugin Support eugenecleantalk

    (@eugenecleantalk)

    Could you clarify the font color of which errors you would like to alter? Could you attach links to screenshots?

    Thread Starter yhdm

    (@yellowhousedesign)

    I would like to style the error outputted in the apbct_form__gravityForms__showResponse function on line 3043 of /cleantalk-spam-protect/inc/cleantalk-public-integrations.php

    Currently the gravity forms wrappers are using the general confirmation message classes for Gravity Forms with no class specific to an actual error. This prevents me from being able to style the Cleantalk errors since any CSS would apply to all of my Gravity Forms confirmation messages which I obviously don’t want since that would include success messages generated by Gravity Forms and not just Cleantalk errors.

    Also the <font> tag is not supported in HTML 5. You should consider swapping that out for a different tag. If you add a class to it, that’s all I need.

    For example, this is what the plugin is currently outputting:

    <div id="gform_confirmation_message_4" class="gform_confirmation_message_4 gform_confirmation_message"><font style="color: red">*** Forbidden. Sender blacklisted.  ***</font></div>

    Something like this instead:

    <div id="gform_confirmation_message_4" class="gform_confirmation_message_4 gform_confirmation_message"><div class="cleantalk-error" style="color: red">*** Forbidden. Sender blacklisted.  ***</div></div>

    Or even adding the “cleantalk-error” class to the parent instead would give me enough to target in CSS:

    <div id="gform_confirmation_message_4" class="gform_confirmation_message_4 gform_confirmation_message cleantalk-error"><div style="color: red">*** Forbidden. Sender blacklisted.  ***</div></div>
    Plugin Support dimitrycleantalk

    (@dimitrycleantalk)

    Hello, @yellowhousedesign

    Thank you for the details.

    I’ve passed your details to the programmer staff. We will contact you as soon as possible.

    Plugin Support dimitrycleantalk

    (@dimitrycleantalk)

    Thank you for waiting @yellowhousedesign

    We’ve added the gform_cleantalk_error class to the div tag. Could you please install this fix version? https://github.com/CleanTalk/wordpress-antispam/releases/download/fix-version/cleantalk-spam-protect.zip

    Did it help?

    Thread Starter yhdm

    (@yellowhousedesign)

    Yes, that’s perfect – thank you!

    Plugin Support dimitrycleantalk

    (@dimitrycleantalk)

    You’re welcome!

    Write to us anytime.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Feature Request: add class to errors’ is closed to new replies.