Support Forums

Hey there, it looks like you've been redirected from designsandcode.com - as you can see we have a new home - read more

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: 

Viewing 10 posts - 1 through 10 (of 12 total)
1 2
  • 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 #223765

    To 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 #223869

    Hi 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 #223876

    I 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 #223878
    This reply has been marked as private.
    Mark Benavides
    (Private)  October 17, 2019 at 7:10 pm #223993
    This reply has been marked as private.
    Trevor Moderator
    (Private)  October 17, 2019 at 7:19 pm #223999

    In 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 #224136

    Hey Trevor,

    Any update? Thanks for your time

    Trevor Moderator
    (Private)  October 18, 2019 at 5:09 pm #224138

    I have fixed the Ajax Container for you:

    https://www.screencast.com/t/HFtrCtM7

    Mark Benavides
    (Private)  October 20, 2019 at 7:39 pm #224175

    Thanks 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.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 12 total)
1 2

You must be logged in to reply to this topic.