WebSite X5Help Center

 
Waldemar Ż.
Waldemar Ż.
User

Contact form style  pl

Автор: Waldemar Ż.
Просмотрено 100, Подписчики 2, Размещенный 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

Размещено
6 Ответы - 1 Корректно
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!

Читать больше
Размещено От Elisa B.
Waldemar Ż.
Waldemar Ż.
User
Автор

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.

Читать больше
Размещено От Waldemar Ż.
Waldemar Ż.
Waldemar Ż.
User
Автор

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.

Читать больше
Размещено От Waldemar Ż.
Waldemar Ż.
Waldemar Ż.
User
Автор

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.

Читать больше
Размещено От 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:

Читать больше
Размещено От Eric C.
Waldemar Ż.
Waldemar Ż.
User
Автор

Hello Eric !

Thanks a lot, everything is fine now :)

Читать больше
Размещено От Waldemar Ż.