WebSite X5Help Center

 
Waldemar Ż.
Waldemar Ż.
User

Contact form style  pl

Author: Waldemar Ż.
Visited 96, Followers 2, Shared 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

Posted on the
6 ANSWERS - 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!

Read more
Posted on the from Elisa B.
Waldemar Ż.
Waldemar Ż.
User
Author

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.

Read more
Posted on the from Waldemar Ż.
Waldemar Ż.
Waldemar Ż.
User
Author

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.

Read more
Posted on the from Waldemar Ż.
Waldemar Ż.
Waldemar Ż.
User
Author

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.

Read more
Posted on the from 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:

Read more
Posted on the from Eric C.
Waldemar Ż.
Waldemar Ż.
User
Author

Hello Eric !

Thanks a lot, everything is fine now :)

Read more
Posted on the from Waldemar Ż.