Contact Form changed appearance after Astra Theme update

  • Resolved webpart

    (@webpart)


    1 year, 8 months ago

    After updating the Astra Theme to version 4.1.0, the Contact Form has changed its appearance.
    Border lines disappear when you click on the line.
    What to do?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey @webpart – Thanks for reaching out!

    It looks like there could be a styling conflict between the site theme and the forms. To fix this, please try the following custom CSS snippet:

    .wpforms-container input[type=email]:focus, .wpforms-container input[type=number]:focus, .wpforms-container input[type=password]:focus, 
.wpforms-container input[type=range]:focus, .wpforms-container input[type=search]:focus, .wpforms-container input[type=tel]:focus, 
.wpforms-container input[type=text]:focus, .wpforms-container input[type=time]:focus, .wpforms-container input[type=url]:focus, 
.wpforms-container input[type=week]:focus{border: 2px solid #7d2929 !important;}

    And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

    Hope this helps!

    Hey @webpart,

    We haven’t heard back from you since my previous message, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

    Thanks!

    Thread Starter webpart

    (@webpart)

    OK. It worked.
    Thanks.

    Glad to hear that @webpart. If you have any questions, please feel free to reachout.

    Kindly,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Contact Form changed appearance after Astra Theme update’ is closed to new replies.