Hmmm. Your code is broken. See attached. Once you fix that, the easiest way to style it like the Kleo search would be to edit the plugin so that it creates the correct divs and attaches the correct css to it.
Here’s your broken code
COPY CODE
<form accept-charset="utf-8">
<fieldset class="tubepress_search">
<input type="text" id="tubepress_search_99" <br="">
name="tubepress_search_99" class="tubepress_text_input" /><br>
<button class="tubepress_button" title="Submit Search">Search</button><br>
</fieldset>
</form>
It should be something like this
COPY CODE
<form accept-charset="utf-8">
<fieldset class="tubepress_search">
<input type="text" id="tubepress_search_99" name="tubepress_search_99" class="tubepress_text_input" />
<br>
<button class="tubepress_button" title="Submit Search">Search</button><br>
</fieldset>
</form>
For kleo styling, edit the plugin output so it outputs something like this.
COPY CODE
<div class="kleo-search-wrap kleo-search-form search-style-transparent">
<form id="searchform">
<div class="input-group">
<input name="tubepress_search_99" id="tubepress_search_99" autocomplete="off" type="text" class="ajax_s form-control input-lg" value="" style="opacity: 0.5;">
<span class="input-group-btn">
<input type="submit" value="Search" id="searchsubmit" class="button">
</span>
</div>
</form>
</div>
I couldn’t test it because your site kept timing out and wasn’t available half the time. Also, the form tag it outputs doesn’t have an action so I dont think it will ever work. Did you try using the search form? Did it work for you?
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
