A to Z Filter

Trevor

#145042

Hi Melanie

If you want allow only one choice at a time, then change the checkbox to Radio Button. This field type also has an ALL option as standard, so you can remove the one you added. You can change the label in the settings. I think that would solve 2 and 3. When you have made the change, I can give you the CSS to make it look right if you give me a link when you have made the changes (to address your point #1).

I understand on 4. As to the last question, no, it is not possible to use the other plugin. It is a pity that you cannot use Skype, because this could probably be fixed more quickly.

Trevor

#145057

OK. So you need to add some Custom CSS to your theme:

.searchandfilter .sf-field-post-meta-erster_buchstabe input {
  display: none;
}
.searchandfilter .sf-field-post-meta-erster_buchstabe label {
  text-align: center;
  width: 1.5em;
  line-height: 1.4em;
  border: 2px solid #666;
  padding: 3px !important;
  text-indent: 0;
}
.searchandfilter .sf-field-post-meta-erster_buchstabe label:hover {
  cursor: pointer;
}
#main-content .searchandfilter .sf-field-post-meta-erster_buchstabe > ul > li {
  margin-left: 0 !important;
}

How does that look?

Anonymous

#145061

Looks great :-), can we also align them like the picture? Side by side?

Trevor

#145073

Yes, but they are in a narrow column?

I also see that one section of that Custom CSS is not pasted correctly. There should be greater than symbols and instead there are HTML entities

#main-content .searchandfilter .sf-field-post-meta-erster_buchstabe > ul > li {
 margin-left:0 !important;
}

Did you copy from the email, or from this forum post?

Anyway, that last code block becomes this:

#main-content .searchandfilter .sf-field-post-meta-erster_buchstabe > ul > li {
 margin-left:0 !important;
 width: 2.5em;
 display: inline-block;
}

Anonymous

#145075

Almost perfect. 🙂 Only the Element with dropdown
(Alle Branchen) is now in one line with the
Titel (Branche), do you know what I mean?

Yes, I took it from the e-Mail.

Trevor

#145087

Maybe you can make me a screenshot (which browser and what OS?) and give me a link to the screenshot? When I look, all looks OK.

Anonymous

#145178

Oh, I have send a screenshot via e-Mail, but it is a noreply e-Mail,
so I will upload it for your here (left image):

LINK REDACTED (no longer exists)

Image on the right: On the Ipad (Portrait mode) some filter elemntes are under the box, if you know what I mean, the label of the checkboxes are not moving together, you can see it, when you make the browser small, is there also a chance to fix that?

Thank you so much,
nice weekend

Trevor

#145184

OK

Try this Custom CSS:

.searchandfilter .sf-field-taxonomy-branche h4, .searchandfilter .sf-field-taxonomy-branche label {
  display: block !important;
}

Anonymous

#145188

Now it looks fine, thank you so much. 🙂

[Author]

Posts