Support Forums

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › Add Background to the UI Form

Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Karim Medhat
    (Private)  January 3, 2019 at 7:55 am #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 Moderator
    (Private)  January 3, 2019 at 2:42 pm #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?

    Karim Medhat
    (Private)  January 3, 2019 at 2:55 pm #197906

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

    Trevor Moderator
    (Private)  January 3, 2019 at 3:00 pm #197910

    You want the image only where this green area is?

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

    What image do you want there?

    Karim Medhat
    (Private)  January 3, 2019 at 3:13 pm #197912

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

    Trevor Moderator
    (Private)  January 3, 2019 at 3:18 pm #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.

    Karim Medhat
    (Private)  January 3, 2019 at 3:23 pm #197920

    Okay great will try and get back to you

    Karim Medhat
    (Private)  January 5, 2019 at 1:32 pm #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 Moderator
    (Private)  January 7, 2019 at 2:49 pm #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
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.