Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

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,280
    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