S&F custom design

Anonymous

#38729

Hi Ross,

I have purchased your search and filter plugin. 🙂
But I have not figured out how to custom design my search form. So far it looks like this: http://prnt.sc/abbthk
which as you see does not look appealing. I would like to have a better looking button and the headers.. like in your movie demo. How and where should I do the customisations?

Thank you in advance,

Ross Moderator

#38914

Hey Kania

Really you are looking to use CSS to style your buttons – there is nothing built in.

In the demos, I didn’t add a single line of code for the styling of the buttons, however, the buttons were styled by the themes built in stylesheet.

To add your own CSS styles you would just need to target like:

.searchandfilter input[type=submit]
{
    background-color:#666666;
    color:#fff;
    padding:10px;
}

Of course, adding in any styles you want to apply.

You should probably add the above code to your themes style.css in the theme folder (at the bottom of the file), however, some themes prefer to add custom CSS in different way – refer to your theme for instructions on how to add custom CSS.

Thanks

Anonymous

#39019

Hey Ross,

Thank you for your response.

A: I have Divi theme and in the theme options they have the custom css area where I normally put the css codes but now when I put your codes there is no change in the filter list. However I do prefer not to use codes if there is another way to do it.

So if I want to have the filter list better looking and adjust the line space, font and other features I could style them with my divi themes built in stylesheet? Is it like the plugin will follow automatically the style of my theme?

I saw in your video tutorial (2:06) that you had a template setting section where you specified a php file as template. Is that the place you make this adjustment? If that is the place which of my themes files I should put there? http://prnt.sc/acu31o

B: Did you use a plugin for displaying the movie review lists in that layout? (Movie image on left and the movie information+ranking stars+button on right side).

Thank you again,

Trevor

#40106

Hi, Is this resolved now? I can see that today I have responded to another post from you?

Anonymous

#40111

Hi Trevor,

Yes I have changed my theme to “Extra” and visually the s&f form looks great and the Extra theme offers the layout I was looking for but in my other post I am trying to figure out how to make them work together.

Thank you.

[Author]

Posts