Search magnifying glass coding

[Annamarie]

Hi

Clearly something is wrong but I don't know what. I've followed various tutorials on how to get the magnifying glass icon in the search field. As far as I can tell i've done what is called for but no icon! A placeholder, yes. I suspect some conflicts? Don't know enough to know where they might be. And I haven't figured out where to change the box styling (border or text-family).

Thanks for helping!

http://test.sharinghousing.com

[bgigi]

Hi again Annamarie

I looked at your site and tried to compare what I had with you. I see you are showing a S in your search box. I don't have anything else to add but this is the exact code I have in my genesis sample theme, functions.php and style.css, so maybe you can compare them one more time? If it does not resolve the issue I hope someone else can take a look at your specific issue, could be something else going on.

Functions.php

--Line 46

//* Enqueue Dashicons
add_action( 'wp_enqueue_scripts', 'enqueue_dashicons' );
function enqueue_dashicons() {

	wp_enqueue_style( 'dashicons' );

}

--Line 54

//* Add Dashicon to search form button 
add_filter( 'genesis_search_button_text', 'wpsites_search_button_icon' );
function wpsites_search_button_icon( $text ) {
	return esc_attr( '' );
}

Style.css

--Line 644

/* ## Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
	position: relative;
}

.site-header .search-form {
	float: right;
	margin-top: 12px;
}

.entry-content .search-form,
.site-header .search-form {
	width: 50%;
}

.search-form input[type="submit"] {
    content: "\f179";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 24px/1 'dashicons';
    vertical-align: top;
    background: #000;
    border: none;
    padding-left: 20px;
}
 

.search-form input[type="submit"]:hover {
	color: #F15123;
}

[Annamarie]

Thanks!

I tried replacing my php for yours. We're using different calls for the dashicons. Your code crashed my site. ??
Go figure.

I'll hope someone can steer me (us?) right.

[Annamarie]

I'm getting closer!

[Author]

Posts