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

[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