Change input text in search bar

Hey there vikou1008,

How are you doing today?

Removing the italics should be easily done with some custom CSS. To do that please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

http://wordpress.org/plugins/simple-custom-css

#search-wrapper input[type="search"] {
    font-style: initial;
}

This should remove the italic part from the placeholder text. As for replacing the text with another one this could be done with some jQuery. To do that please try adding the following to the bottom of your theme functions.php (Ideally you’d want to add this to your child theme functions.php or as a mu plugin so you don’t lose it next time you update the theme):

function replace_search_placeholder_text() { ?>
    <script type="text/javascript">
    jQuery( document ).ready(function() {
        jQuery('#search-wrapper input[type="search"]').attr('placeholder','Some New Text 1');
    });
    </script>
<?php }
add_action( 'wp_footer', 'replace_search_placeholder_text' );

Replace dummy text (Some New Text 1) with what you’d like displayed there 🙂

Hope this helps 🙂

Cheers,
Bojan – WPMU DEV

Hey again vikou1008,

Where exactly are you adding the CSS code? I tested it using Ryu theme by adding the CSS with Simple Custom CSS plugin and everything worked properly, see screenshot http://screencast.com/t/y0nDJ9Ednd6z.

Can you please keep the CSS code added and post link to your site?

Since I also tested jQuery in the same theme by placing it to the bottom of the theme functions.php I’m assuming you’re not adding it to the same place? Also since jQuery is working on my end the syntax error probably relates to code not being placed inside php tags so please try adding this instead:

<?php
function replace_search_placeholder_text() { ?>
    <script type="text/javascript">
    jQuery( document ).ready(function() {
        jQuery('#search-wrapper input[type="search"]').attr('placeholder','Some New Text 1');
    });
    </script>
<?php }
add_action( 'wp_footer', 'replace_search_placeholder_text' );

If that doesn’t work please let me know where exactly are you adding the code.

Please let me know 🙂

Cheers,
Bojan

Oh yes, that usually cause troubles 🙂

Glad to hear everything is working!

Have a great day!

Cheers,
Bojan – WPMU DEV