WebSite X5Help Center

 
Waldemar Ż.
Waldemar Ż.
User

Contact form style  pl

Autore: Waldemar Ż.
Visite 98, Followers 2, Condiviso 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

Postato il
6 RISPOSTE - 1 CORRETTO
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!

Leggi di più
Postato il da Elisa B.
Waldemar Ż.
Waldemar Ż.
User
Autore

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.

Leggi di più
Postato il da Waldemar Ż.
Waldemar Ż.
Waldemar Ż.
User
Autore

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.

Leggi di più
Postato il da Waldemar Ż.
Waldemar Ż.
Waldemar Ż.
User
Autore

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.

Leggi di più
Postato il da 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:

Leggi di più
Postato il da Eric C.
Waldemar Ż.
Waldemar Ż.
User
Autore

Hello Eric !

Thanks a lot, everything is fine now :)

Leggi di più
Postato il da Waldemar Ż.