Looking for support? You can access the support system via your account.
Forums › Forums › Search & Filter Pro › Submit and Reset buttons are gray? No text?
Tagged: A-Z
- This topic has 11 replies, 1 voice, and was last updated 2 years, 10 months ago by Tim.
-
Mark Benavides(Private) October 16, 2019 at 4:56 am #223721
Website: https://tpz.wkn.mybluehost.me/
Hello. New to WP and slowly figuring out your plugin. It’s been a solid answer to my filter requirements. Using Post Grid and Elementor, Astra theme.
The Submit and Reset buttons are grayed out and I cannot see the text. Am I doing something wrong?
Also, while I have you: Is it possible for NO RESULTS (page to be blank) to be standard when page loads (home page) and only filters posts when checkbox is clicked?
Thanks!
Trevor Moderator(Private) October 16, 2019 at 11:17 am #223765To answer the second question first, it is Elementor and Post Grid that handle the ‘No Results’ logic, and they cannot do that, sorry.
To the buttons. There is some CSS making the text color transparent, but I cannot see where it is coming from. You will need to add some custom CSS in the Theme Customizer, like this:
.searchandfilter input[type=submit] { color: #333; }
I think that the Ajax Container, currently set to
#main
is wrong.Are you trying to make an alphabet (a-z) selection? There are ways to make this so you have only the letter tiles.
Mark Benavides(Private) October 17, 2019 at 4:30 am #223869Hi Trevor,
Thanks for getting back to me. Answer to second question is a bummer but ok!
I’m not familiar with how to handle ajax container. I am creating a filter and pulling the information from a CPT. These custom posts will be in Category A to Z depending on name. The CPT should have it’s archive active. What should the Ajax Container be? Should there be anything checked or unchecked in the General or Display Results settings?
For the tiles; if you’re talking about making the checkboxes more visually appealing I’d love to know more information!
Thanks!
Trevor Moderator(Private) October 17, 2019 at 7:03 am #223876I was thinking of something like this CSS:
.searchandfilter .sf-field-category input { display: none; } .searchandfilter .sf-field-category label { text-align: center; width: 50px; line-height: 42px; border: 1px solid #666; color: #666; border-radius: 3px; padding: 3px !important; text-indent: 0; } .searchandfilter .sf-field-category > ul > li.sf-option-active label { color: #fff; background: #666; } .searchandfilter .sf-field-category > ul > li { display: inline-block; margin-right: 10px; } .searchandfilter .sf-field-category label:hover { cursor: pointer; } #main-content .searchandfilter .sf-field-category > ul > li { margin-left: 0 !important; }
Trevor Moderator(Private) October 17, 2019 at 7:38 am #223878This reply has been marked as private.Trevor Moderator(Private) October 17, 2019 at 7:19 pm #223999In an English language dashboard in WordPress, under the Appearance menu you should find a Customize option. In there you should find a Custom CSS section.
I will look at the admin tomorrow, as it is late here in the UK.
Mark Benavides(Private) October 18, 2019 at 4:25 pm #224136Hey Trevor,
Any update? Thanks for your time
Trevor Moderator(Private) October 18, 2019 at 5:09 pm #224138I have fixed the Ajax Container for you:
Mark Benavides(Private) October 20, 2019 at 7:39 pm #224175Thanks Trevor. I appreciate your time.
How do I adjust the width of the search bar? It bleeds past the width of the column size I’d like it to fit in.
-
AuthorPosts
You must be logged in to reply to this topic.