How to directly style code (in widget) of remotely hosted form?

  • KayWrite

    (@kaywrite)


    8 years ago

    I want to use sitelevel free search with my wordpress site. Sitelevel offers the following code (which I’ve installed in a widget, after adding HTML JAVASCRIPT ADDER plugin (which has been excellent in the past):

    <!– Begin siteLevel HTML Searchbox Code –>
    <form method=”get” action=”http://www.sitelevel.com/query&#8221; accept-charset=”utf-8″>
    <div class=”sl_search_box”>
    <input type=”hidden” name=”crid” value=”3x08f4cc”/>
    <input type=”text” name=”query”/>
    <button type=”submit”>Search</button>
    </div>
    </form>
    <!– End siteLevel HTML Searchbox Code –>

    I want to re-style the sitelevel code, directly in the widget, to look like the original wordpress search box in my site, see print-screen:

    http://www117.zippyshare.com/v/c0BfCoaT/file.html

    Can’t seem to find a way to do this… I’m kind of a “newbie” at styling form code.

    Thanks in advance to anyone who can help.

Viewing 1 replies (of 1 total)
  • Bob Cristello

    (@gntmidnight)

    8 years ago

    You can style this in your local CSS like you would anything else, but you might have to use the !important parameter in order to take precedence over any external CSS.

Viewing 1 replies (of 1 total)
  • The topic ‘How to directly style code (in widget) of remotely hosted form?’ is closed to new replies.