BEFORE

AFTER

The search box in the Extra Theme’s top header includes the placeholder text “SEARCH”. But what if you want to change this text, e.g. for a foreign language site? You can use the following code to do so:

<script>
jQuery(function($){
    $('.et-search-field').attr('placeholder', 'RECHERCHE').css('opacity','1'); 
});
</script>
<style>
.et-search-field { opacity: 0; }
</style>

You can add this to the theme by pasting it into the “Add code to the < head > of your blog” box found in the Extra Theme Options at “Extra > Theme Options > General > Integration”.

The code above changes the text from “SEARCH” to the French equivalent “RECHERCHE”. Note that for longer words like this you may also want to make the search box wider.