Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1092106
Contact Forms CSS class names
Closed

Comments

  •  2
    ARETE7 started the conversation

    Hi,

    Contact Forms 7 are now stated having a input field using "name" is listed as a unavailable name or reserved word in Wordpress(see gkrellShoot_10-03-2017_103540.jpg). Refer https://contactform7.com/configuration-errors/unavailable-names/ and https://contactform7.com/faq/are-there-any-reserved-or-unavailable-words-for-the-name-of-an-input-field/

    TheGem Theme uses "name" as a class to apply a content icon to the Name field in a Contact form(see gkrellShoot_10-03-2017_103854.jpg). This has the potential to conflict with reserved word.

    As a work-around add this CSS to your contact page;

    .wpcf7-form  .your-name:after{
      position: absolute;
      font-family: thegem-icons;
      right: 12px;
      top: 12px;
      font-size: 24px;
      content: '\e63b';
      color: #b6c6c9;
    }

    Where the class "name" has been renamed to "your-name", matching the input field for the Contact Form(see gkrellShoot_10-03-2017_104942.jpg).

  •  7,121
    Oliver replied

    HI!

    Thank you!

    We'll add this fix in the next theme update.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver