Forums › Forums › Search & Filter Pro › Appearance of Widget not right
Tagged: appearance, css, search form, style, theme, widget
- This topic has 8 replies, 2 voices, and was last updated 9 years, 10 months ago by Ross.
-
Anonymous(Private) January 12, 2015 at 3:33 pm #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(Private) January 12, 2015 at 4:31 pm #10144Hey 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
to100%
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
-
AuthorPosts