How to translate first name and last name in contact form

Site URL: http://www.ahenriksen.com

Hi,

I have a multilingual page, and i want to translate my contact form to danish. I have changed all the overall labels to danish, but I can't translate the first name and last name label. Please help?

yours sincerely

Daniel H

Add to Home > Design > Custom CSS

/* First name */
.field.first-name .caption-text {
    visibility: hidden;
}
.field.first-name .caption-text:before {
    visibility: visible;
    content: "Voornaam";
}
/* last name */
.field.last-name .caption-text {
    visibility: hidden;
}
.field.last-name .caption-text:before {
    visibility: visible;
    content: "Achternaam";
}

Thank you for the quick response.

It works to some extent, as it translates what i need, but the translation now occurs on both my danish and english contact page. How can i set it up so it only translates the danish version?

1 hour ago, DanielHenriksen said:

Thank you for the quick response.

It works to some extent, as it translates what i need, but the translation now occurs on both my danish and english contact page. How can i set it up so it only translates the danish version?

Add to Page Settings > Advanced > Header (if you use Personal Plan, you can add Code Block)

<style>
  /* First name */
.field.first-name .caption-text {
    visibility: hidden;
}
.field.first-name .caption-text:before {
    visibility: visible;
    content: "Voornaam";
}
/* last name */
.field.last-name .caption-text {
    visibility: hidden;
}
.field.last-name .caption-text:before {
    visibility: visible;
    content: "Achternaam";
}
</style>

I appreciate the effort, but it still makes it in danish on both the english version of the contact page and the danish version. I would like to keep it in english on the english contact page.

4 hours ago, DanielHenriksen said:

I appreciate the effort, but it still makes it in danish on both the english version of the contact page and the danish version. I would like to keep it in english on the english contact page.

WHERE did you add?

Add to Page Settings > Advanced > Header

The code inserted in Page Header only runs on that page, and does not affect other pages.

Sorry that was my mistake, i put it into the header of code injection for every page. Now it works, thank you very much.

On 5/24/2020 at 6:32 PM, tuanphan said:

Add to Home > Design > Custom CSS

/* First name */
.field.first-name .caption-text {
    visibility: hidden;
}
.field.first-name .caption-text:before {
    visibility: visible;
    content: "Voornaam";
}
/* last name */
.field.last-name .caption-text {
    visibility: hidden;
}
.field.last-name .caption-text:before {
    visibility: visible;
    content: "Achternaam";
}

 

Is it possible to change the error form Field? It shows in English 

20 hours ago, doverkohl said:

Is it possible to change the error form Field? It shows in English 

Can you share page url?

5 hours ago, tuanphan said:

Can you share page url?

Hi tuanphan

I was just looking at DanielHenriksen's page form  https://www.ahenriksen.com/dk/kontakt

I was curious about whether it was possible to change those  error form fields too.

I am thinking  to make two languages page, but I don't have anything created yet

Thank you

On 5/25/2020 at 12:32 AM, tuanphan said:

Add to Home > Design > Custom CSS

/* First name */
.field.first-name .caption-text {
    visibility: hidden;
}
.field.first-name .caption-text:before {
    visibility: visible;
    content: "Voornaam";
}
/* last name */
.field.last-name .caption-text {
    visibility: hidden;
}
.field.last-name .caption-text:before {
    visibility: visible;
    content: "Achternaam";
}

 

Thanks Alot. Worked perfect for me aswell