How to move search button to right of search field

  • Sarah Y.

    (@sarah-y)


    8 years, 6 months ago

    Hello,

    I would like to move the search button to the right of the search field. It currently sits below the search field. My site, should you need it, is houseofwend.com. I would like the search field to appear as it does on this site. Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • paulwpxp

    (@paulwp)

    8 years, 6 months ago

    Use this code in Custom CSS

    /***** adjust search button font size so it fits  *****/
.widget-area input[type="submit"] { font-size: 12.5px; }

    I see you already have Jetpack installed, so just enable the Custom CSS module and use that code in there.

    Thread Starter Sarah Y.

    (@sarah-y)

    8 years, 6 months ago

    Success! Thanks so much!

    paulwpxp

    (@paulwp)

    8 years, 6 months ago

    On a sidenote though, if you want your logo to look more professional just output it (the original file) in png format. Use either png24 or png8, but this kind of image is best saved in png8. Right now it’s in jpg and it has that jpeg artifacts, it’s not crisp.

    For all the text-on-image image, use png format. For photo image, use jpg.

    Thread Starter Sarah Y.

    (@sarah-y)

    8 years, 6 months ago

    Thanks for the tip! I made the change…it’s not perfect, but it’s definitely better!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to move search button to right of search field’ is closed to new replies.