How to translate my form to Swedish

2 hours ago, chrizile said:

Here is the code i have in my code block on this page

 

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

  /* 
  Hide required on field titles 
  Tip by sf.digital
  */
  .form-wrapper .react-form-contents .field-list .title .required,
  .form-wrapper .react-form-contents .field-list .fields .description.required {
    visibility: hidden;  
  }
  .form-wrapper .react-form-contents .field-list .title .required:before,
  .form-wrapper .react-form-contents .field-list .fields .description.required:before {
    visibility: visible;  
    content: " (obligatoriskt)"; /* Translation for "(required)" in Swedish */
    font-size: 1em;
    line-height: 1em;
  }
</style>
 

looks like i managed to answer my own question 

 

<style>
  /* First name */
  .field.first-name .caption-text,
  .field.last-name .caption-text {
    visibility: hidden;
  }

  .field.first-name .caption-text:before {
    visibility: visible;
    content: "Förnamn";
  }

  .field.last-name .caption-text:before {
    visibility: visible;
    content: "Efternamn";
  }

  /* Hide required on field titles */
  .form-wrapper .react-form-contents .field-list .title .required,
  .form-wrapper .react-form-contents .field-list .fields .description.required {
    visibility: hidden;  
  }

  .form-wrapper .react-form-contents .field-list .title .required:before,
  .form-wrapper .react-form-contents .field-list .fields .description.required:before {
    visibility: visible;  
    content: " (obligatoriskt)"; /* Translation for "(required)" in Swedish */
    font-size: 1em;
    line-height: 1em;
  }
</style>
 
<style>  
  label[for="address-0c461f97-3d61-477b-b9b3-8567bfb81227-country-field"],
  label[for="address-0c461f97-3d61-477b-b9b3-8567bfb81227-line1-field"],
  label[for="address-0c461f97-3d61-477b-b9b3-8567bfb81227-line2-field"],
  label[for="address-0c461f97-3d61-477b-b9b3-8567bfb81227-zip-field"],
  label[for="address-0c461f97-3d61-477b-b9b3-8567bfb81227-city-field"] {
    visibility: hidden;
  }

  label[for="address-0c461f97-3d61-477b-b9b3-8567bfb81227-country-field"]::before {
    content: "Land";
    visibility: visible;
    font-size: 1.2em;
    line-height: 1em;
    margin-right: 5px; /* Adjust margin as needed */
  }

  label[for="address-0c461f97-3d61-477b-b9b3-8567bfb81227-line1-field"]::before {
    content: "Adressrad 1";
    visibility: visible;
    font-size: 1.2em;
    line-height: 1em;
    margin-right: -95px; /* Adjust margin as needed */
  }

  label[for="address-0c461f97-3d61-477b-b9b3-8567bfb81227-line2-field"]::before {
    content: "Adressrad 2";
    visibility: visible;
    font-size: 1.2em;
    line-height: 1em;
    margin-right: 5px; /* Adjust margin as needed */
  }

  label[for="address-0c461f97-3d61-477b-b9b3-8567bfb81227-zip-field"]::before {
    content: "Postnummer";
    visibility: visible;
    font-size: 1.2em;
    line-height: 1em;
    margin-right: -65px; /* Adjust margin as needed */
  }

  label[for="address-0c461f97-3d61-477b-b9b3-8567bfb81227-city-field"]::before {
    content: "Stad";
    visibility: visible;
    font-size: 1.2em;
    line-height: 1em;
    margin-right: -80px; /* Adjust margin as needed */
  }
</style>