WebSite X5Help Center

 
Waldemar Ż.
Waldemar Ż.
User

Contact form style  pl

Auteur : Waldemar Ż.
Visité 95, Followers 2, Partagé 0  

Contact form style. After clicking on the text field, the border should change color. It changes the color but adds a second, quite thick border of the same color. The problem occurs on all pages. An example is in the link below; simply clicking on the text field will create an additional border.

https://yellowstationstudio.pl/kontakt.html

Posté le
6 RéPONSES - 1 CORRECT
Incomedia
Elisa B.
Incomedia

Hi!

Can you please send a screenshot of your settings on the Contact Form Object > Style section, namely what you set for the Field when it is selected?

Thanks!

Lire plus
Posté le de Elisa B.
Waldemar Ż.
Waldemar Ż.
User
Auteur

Hi !

This is what the field should look like after clicking. Below is the effect it creates. The border changes color, but a second border with a thick line is created. It's the same on my other pages. I haven't noticed which update caused this.

Lire plus
Posté le de Waldemar Ż.
Waldemar Ż.
Waldemar Ż.
User
Auteur

I would also like to point out that newer templates available on the marketplace also have this error, while older ones do not have this error.

Lire plus
Posté le de Waldemar Ż.
Waldemar Ż.
Waldemar Ż.
User
Auteur

I found the cause of this problem. It's in the "styles" folder, style.css file

:focus-visible {
outline: auto rgba(0, 0, 0, 1);
outline-offset: 3px;
}

This generated code adds an additional border.

Lire plus
Posté le de Waldemar Ż.
Incomedia
Eric C.
Incomedia

Hello Waldemar,
if you go to Step 2 - Template ---> Text, Field and Button Style you can find this setting related to accessibility that toggles the visibility of the additional border:

Lire plus
Posté le de Eric C.
Waldemar Ż.
Waldemar Ż.
User
Auteur

Hello Eric !

Thanks a lot, everything is fine now :)

Lire plus
Posté le de Waldemar Ż.