Add Background to the UI Form

Anonymous

#197871

Hello, i need to add an image behind the UI Form in the Page, i already took the code and add it to a widget (Text widget), so how to add an image behind the search form. Thanks

Trevor

#197902

Are you able to send me a live link/URL to your search page so I can take a look?

Do you have a URL for the image, and can I also see what you did to the widget?

Anonymous

#197906

CairoGyms.com
The widget i use is a normal text widget, i just added the shortcode into it.

Trevor

#197910

You want the image only where this green area is?

https://www.screencast.com/t/qCRpiL9vnSg

What image do you want there?

Anonymous

#197912

Yes this area, the image is like a frame with label at the above.

Trevor

#197916

Then all you would need, I assume, is some simple CSS, like:

#search-filter-form-32718 {
  background: url('blahblah.jpg

);
}`

Or soemthing like that.

Anonymous

#197920

Okay great will try and get back to you

Anonymous

#198110

i added the code like the below

.searchandfilter ul {
background: url(http://cairogyms.com/wp-content/uploads/2015/06/gym-search1.jpg);
}
it worked but the image repeated as below check link

http://cairogyms.com/how-to-take-care-of-your-mind-body-the-secrets-of-self-care-revealed/

Trevor

#198198

It may need to be like this:

.searchandfilter ul {
background: url(http://cairogyms.com/wp-content/uploads/2015/06/gym-search1.jpg) no-repeat 0 0;
}

[Author]

Posts