This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

background for search box

Resolved 3 replies themetheme-vantage
Bobby A
11 years ago · Last reply by Bobby A 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. ThemeBuddies 11 years, 29 days ago

    try this rule

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

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

  3. Bobby A 11 years, 28 days ago

    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.

Have a different question or issue?

Start New Thread