Forums Forums Search & Filter Pro Appearance of Widget not right

Viewing 9 posts - 1 through 9 (of 9 total)
  • Anonymous
    #10143

    Hello –

    I know this is most likely a theme issue and not a plug-in issue, but I am hoping you can at least point me in the right direction for a resolution.

    I have created a widget using Search and Filter Pro, which I purchased earlier today. When I view the resulting page/widget using the default Twenty Fifteen theme from WordPress, the search widget is formatted properly.

    When I apply a theme that I purchased (Good News v5.6.2 by Mozimat), then the search form is displayed improperly. Here is a link to a test page:

    http://rustybench.com/?page_id=1232

    I will continue to research this on my own, but any guidance you could provide would be appreciated.

    Thanks

    Bill

    Ross Moderator
    #10144

    Hey Bill

    Yeah this is just your themes CSS styling “taking over”…

    So you’ll need to add some custom CSS to get it behaving a bit more like the other themes…

    Here’s a start for you anyway:

    .searchandfilter > ul > li
    {
         padding: 10px 0;
    }
    .searchandfilter > ul li:before
    {
        display:none;
    }
    .searchandfilter > ul > li input[type='checkbox'], .searchandfilter > ul > li input[type='radio'] 
    {
        width:auto;
    }
    

    This should help get you started, and if you’re not seeing the changes you want try adding !important to the css rules.

    Basically, the main mistake your theme is doing is setting all input to 100% width, this includes checkboxes… which it should not!

    After this, there are some :before pseudo elements, which are adding the “>>” arrows to all your list items…

    Thanks

    Anonymous
    #10145

    Thanks for the quick reply. Do you offer assistance with these types of corrections? I am way out of my league here.

    I am willing to pay for your time.

    Thanks

    Bill

    Ross Moderator
    #10147
    This reply has been marked as private.
    Anonymous
    #10155
    This reply has been marked as private.
    Anonymous
    #10156
    This reply has been marked as private.
    Ross Moderator
    #10159
    This reply has been marked as private.
    Anonymous
    #10162
    This reply has been marked as private.
    Ross Moderator
    #10191
    This reply has been marked as private.
Viewing 9 posts - 1 through 9 (of 9 total)