Translating Newsletter placeholder on the footer section

Site URL: https://lifelab.world/de/home/

Hello everyone,

I am a bit stuck on updating the Newsletter placeholder on the footer section on the German page as I wanted to update the "Email Address" to just the word "Email".

I have been using these code;

<script>
  if (document.querySelector("div#block-yui_3_17_2_1_1645010424154_28369")) {
    document.querySelector('.newsletter-form-field-element[name="email"]').placeholder='E-post'; 
  }
</script>

and this

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $("div#block-yui_3_17_2_1_1645010424154_28369 .newsletter-block .newsletter-form-field-element").attr('placeholder','Email');
});
</script>

I injected and tried one, but both did not work. I just done research and applied the block yui of that specific newsletter block on the footer. 

Thank you in advance!

On 2/22/2022 at 9:35 PM, Naomi-lifelab said:

Site URL: https://lifelab.world/de/home/

Hello everyone,

I am a bit stuck on updating the Newsletter placeholder on the footer section on the German page as I wanted to update the "Email Address" to just the word "Email".

I have been using these code;

<script>
  if (document.querySelector("div#block-yui_3_17_2_1_1645010424154_28369")) {
    document.querySelector('.newsletter-form-field-element[name="email"]').placeholder='E-post'; 
  }
</script>

and this

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $("div#block-yui_3_17_2_1_1645010424154_28369 .newsletter-block .newsletter-form-field-element").attr('placeholder','Email');
});
</script>

I injected and tried one, but both did not work. I just done research and applied the block yui of that specific newsletter block on the footer. 

Thank you in advance!

I tried it again and just realized that it did work, but only on the English footer.

I also tried the div#block-yui_3_17_2_1_1603802252295_76331. It is only working on the English footer which is the top footer section and the bottom footer section is in German.

I am almost there, I can't seem to make it work. 😞

On 2/27/2022 at 2:12 PM, tuanphan said:

Add to Last Line in Code Injection > Footer

<script>
  $(document).ready(function() {
	$('.body-de footer.Footer input').attr('placeholder','Email');
});
</script>

 

This works! Thank you so much for this @tuanphan! 🙏