Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I've a problem with the search bar in WordPress theme twenty thirteen . . . The magnifying glass appear on the right of the text field, but I want it on the left . . . In Chrome, IE, and Firefox it appears well on the left of it as I need...

I can not find the div / class to edit correctly, I tried like this:

site-header .search-field:focus
background-color: #ffffff;
border-top-width: 2px;
border-right-width-value: 2px;
border-bottom-width: 2px;
border-left-width-value: 2px;
border-top-style: solid;
border-right-style-value: solid;
border-bottom-style: solid;
border-left-style-value: solid;
border-top-color: #c3c0ab;
border-right-color-value: #c3c0ab;
border-bottom-color: #c3c0ab;
border-left-color-value: #c3c0ab;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
cursor: text;
outline-width: 0px;
outline-style: none;
width: 230px;
.site-header .search-field
{   border:none!important;
   top:-50px !important;

but it doesn't change anything . . .

You can check it online here

share|improve this question
I have tested it on windows safari browser and it appears in the left side. Are you talking about Mac Safari browser? Please advise. –  Vinod Dalvi Jun 13 at 5:16
I cannot reproduce the problem either. Glass is always on the left for me in multiple browsers –  jdm2112 Jun 13 at 5:56

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.