Submit and Reset buttons are gray? No text?

Anonymous

#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

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

Anonymous

#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

#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

#223878

This reply has been marked as private.

Anonymous

#223993

This reply has been marked as private.

Trevor

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

Anonymous

#224136

Hey Trevor,

Any update? Thanks for your time

Trevor

#224138

I have fixed the Ajax Container for you:

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

Anonymous

#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