Search Results for 'searchandfilter data-sf-form-id'

[Ross]

Hi Ben

You should be able to target the form like:

.searchandfilter[data-sf-form-id='12']
{
    /* rules */
}

You should add this to your themes CSS file, not into the CSS loaded by the plugin.

If you don’t see changes, it may be that the plugin CSS is getting loaded after your theme CSS – in that case you could try adding !important to your css rules.

Thanks

[Ross]

Hey Boaz

There are two ways to do it…

Normally your homepage would have a class on it – .home

So you could style Search forms on your homepage like:

.home .searchandfilter
{
    border:1px solid #f00;
}

Alternatively you could target them individually using attributes:

.searchandfilter[data-sf-form-id='12']
{
    border:1px solid #f00;
}

Where 12 is the ID of your form

I will be adding a proper ID attribute to the forms in the next release.

Thanks

[Anonymous]

That is what is happening, yes. I’d love to share, but my WP community beat me up for a year and got me to dev locally now. So here is the generated code. (http://imgur.com/XQr8CTs)

<section id="search_filter_register_widget-2" class="widget widget_search_filter_register_widget"><div class="widget-wrap"><form action="" method="post" class="searchandfilter" data-sf-form-id="1267" data-use-history-api="1" data-template-loaded="0"><ul><li class="sf-field-taxonomy-types" data-sf-field-name="_sft_types"><select name="_sft_types[]" class="postform"><option class='level-0 sf-item-0' value='0'> All Types</option>	<option class="level-0 sf-item-39" value='39' data-sf-cr='_sft_39' data-sf-hide-empty='1'>Fishing Guide&nbsp;&nbsp;(11)</option>
	<option class="level-0 sf-item-38" value='38' data-sf-cr='_sft_38' data-sf-hide-empty='1'>Hunting Guide&nbsp;&nbsp;(4)</option>
</select></li><li class="sf-field-taxonomy-location" data-sf-field-name="_sft_location"><select name="_sft_location[]" class="postform"><option class='level-0 sf-item-0' value='0'> All Locations</option>	<option class="level-0 sf-item-42" value='42' data-sf-cr='_sft_42' data-sf-hide-empty='1'>Alaska&nbsp;&nbsp;(5)</option>
	<option class="level-0 sf-item-45" value='45' data-sf-cr='_sft_45' data-sf-hide-empty='1'>Florida&nbsp;&nbsp;(1)</option>
	<option class="level-0 sf-item-44" value='44' data-sf-cr='_sft_44' data-sf-hide-empty='1'>Montana&nbsp;&nbsp;(1)</option>
	<option class="level-0 sf-item-43" value='43' data-sf-cr='_sft_43' data-sf-hide-empty='1'>Oregon&nbsp;&nbsp;(5)</option>
</select></li><li class="sf-field-taxonomy-meals" data-sf-field-name="_sft_meals"><select name="_sft_meals[]" class="postform"><option class='level-0 sf-item-0' value='0'> All Meals</option>	<option class="level-0 sf-item-52" value='52' data-sf-cr='_sft_52' data-sf-hide-empty='1'>Bring your own&nbsp;&nbsp;(1)</option>
</select></li><li class="sf-field-taxonomy-overnights" data-sf-field-name="_sft_overnights"><select name="_sft_overnights[]" class="postform"></select></li><li class="sf-field-taxonomy-equipment" data-sf-field-name="_sft_equipment"><select name="_sft_equipment[]" class="postform"></select></li><li class="sf-field-taxonomy-base-price" data-sf-field-name="_sft_base-price"><select name="_sft_base-price[]" class="postform"></select></li><li class="sf-field-submit" data-sf-field-name="submit"><input type="submit" name="_sf_submit" value="Submit"></li><input type="hidden" name="_sf_submitted" value="1" /><input type="hidden" name="_sf_form_id" value="1267" class="sf_form_id" /></ul></form></div></section>