Home>Support>background for search box

background for search box

By Bobby A, 9 years ago. Last reply by Bobby A, 9 years ago.

My website is www.sussexbaptist.byethost7.com
i put a background image over the menu using the css code
.main-navigation {
background-image: url(“http://sussexbaptist.byethost7.com/wp-content/uploads/2015/01/Woven-Footer.jpg”);
}
and it worked fine. but behind the search box its still the same old grey color. is there a way to apply my image to the search box as well

URL: http://www.sussexbaptist.byethost7.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago ThemeBuddies

    try this rule

    form.searchform {
    background-image: url("http://sussexbaptist.byethost7.com/wp-content/uploads/2015/01/Woven-Footer.jpg");
}
  2. 9 years, 7 months ago Bobby A

    where would that code be placed? in my stylesheet, or custom css?

  3. 9 years, 7 months ago Bobby A

    nevermind, i figured it out using inspect element in firefox. i found a line of code in my stylesheet that said #search-icon {background-color:
    and i changed it to #search-icon {
    background-image: url(“http://sussexbaptist.byethost7.com/wp-content/uploads/2015/01/Woven-Footer.jpg”);
    }
    it works fine now

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More