WebSite X5Help Center

 
Waldemar Ż.
Waldemar Ż.
User

Contact form style  pl

Autor: Waldemar Ż.
Visitado 97, Seguidores 2, Compartilhado 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

Publicado em
6 RESPOSTAS - 1 CORRIGIR
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!

Ler mais
Publicado em de Elisa B.
Waldemar Ż.
Waldemar Ż.
User
Autor

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.

Ler mais
Publicado em de Waldemar Ż.
Waldemar Ż.
Waldemar Ż.
User
Autor

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.

Ler mais
Publicado em de Waldemar Ż.
Waldemar Ż.
Waldemar Ż.
User
Autor

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.

Ler mais
Publicado em 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:

Ler mais
Publicado em de Eric C.
Waldemar Ż.
Waldemar Ż.
User
Autor

Hello Eric !

Thanks a lot, everything is fine now :)

Ler mais
Publicado em de Waldemar Ż.