Change the "Search" word to search logo

webhosting124

How to change the Search word of the sidebar to the search logo and want it at behind of the placeholder?

Air

I can explain how to change this word, but I don't understand second part of your question.

You can do it either in translation file like explained here http://apollo13.eu/docs/blame/#!/translating_theme

or in code in blame\advance\utilities\layout_parts.php line~47

<input type="submit" id="searchsubmit' . $search_id . '" title="'. esc_attr(  __( 'Search', 'blame' ) ) .'" value="Search" />

and change there all occurrences of Search.

With kind regards.

webhosting124

What i mean is how to change the SEARCH to icon?

Air

You will have to add such custom CSS for it

.widget-area .search-form input[type="search"] {
    width: calc(100% - 53px);
}
.widget-area .search-form input[type="submit"] {
    height: 38px;
    width: 38px;
    background: transparent url("image.png") no-repeat 50% 50%;
    text-indent: -9999px;
    padding: 0px;
    margin: 0px 0px 0px 10px;
}

And change image.png to proper URL.

With kind regards.

webhosting124

Thanks you so much for your helps.

webhosting124

Hi, there.

I find out that the safari and the internet explorer does not support the WIDTH css.

Url: http://imtinyscribbles.com/.

Air

What safari version? 5? It is kind of buggy browser. And what version of IE? Probably 8, right?

Anyway calc(100% - 53px); is supported only by newer browsers. I think you shouldn't bother with old ones in this case, as user don't loose functionality.

If you still want to, then you will have to rewrite this styles to either use floats, or absolute positioning.

With kind regards.