Search Results for '.searchandfilter custom css'

[Anonymous]

Hi,

Can I assume that this is the bones and flesh of the V3 grid and card editor ?

Then Can I share some request 🙂

• ACF fields : quite obviously, and even better any custom field, of which we could type in the field name (not label)
• Custom HTML field : a field where we could type in custom text ad html
• Shortcodes option for custom html field: run shortcode in html field, I expect it to be a checkbox option and not always “On” for performance optimisation
• CSS class field for each field : add a text field for adding CSS class, separated by space, at each level (grid, card, single card field, etc.). Please avoid us the pain we do face when styling S&Fpro form where we can’t add class to individual search field
• Post type styling : provide the ability, within a grid, to style cards according to the post_type is holds ; for instance card background color change according to post_type
• Post format styling : as above with wp built in post_format feature
• post term styling : as above, card can be styled according to the post terms (not only built in taxonomies please)
• Magic tags : well magic tags, or call it and implement it however you want. The idea is to display field value.s within field such as “css class” and “custom html fields”. Three examples, first, I have a custom html field coud contain “%post.title% is a %post.post_type.label% written by %Author%”, second, card Css field could contain “%post.post_type.name% %post.post_format% %post.category%” so the card css class would be “my_cpt_name video french_movies documentary”, video being the post format and “french_movies documentary” the two category term of the post. this enables advanced card building without over whelming ui for the user and very simple usage (pods.io magic tag are a good example of how far this could go)

Then, there are a couple of “features” we discussed not available out of the box in S&Fpro, but that may be implemented using custom php result template, and this would be great if they are not lost on the way

https://support.searchandfilter.com/forums/topic/diference-between-end-of-infnite-scroll-results-and-no-results-at-all

https://support.searchandfilter.com/forums/topic/hide-result-shortcode-until-user-input-ajax-auto-update/

Finally the children category issue

Cheers

[Trevor]

It is being caused by CSS float. Try this custom CSS:

.searchandfilter li[data-sf-field-name="_sfm_מחיר_ביורו"] {
    clear: both;
}

[Trevor]

It might be possible using custom CSS, yes, but you might need to hire a coder to do that for you. There might be some snippets of CSS on our forum that you could use. To find snippets for the search field, which has the class name sf-field-search, this search should give you posts that style that field:

https://support.searchandfilter.com/forums/search/data+form+sf+id+searchandfilter+sf-field-search/

I forgot to add that V3 should add more styling options.

[Trevor]

I think this custom CSS should sort out the display:

.qodef-page-content-holder .searchandfilter[data-sf-form-id="3372"] ul li::before {
    content: "";
    padding-right: 0;
}
.qodef-page-content-holder .searchandfilter[data-sf-form-id="3372"] ul li {
    padding-left: 0;
    text-indent: 0;
}
.searchandfilter[data-sf-form-id="3372"] ul > li > ul {
    padding-left: 0;
}

The image loading issue is because Lazyload images is ON in JetPack.

[Trevor]

There is not a solution to the issue of categories needing different filters. For category pages, it would be normal to use the Post Type Archives display results method, which allows only one form. I cannot see a way around the need to remove certain filters for each different category, other than custom CSS based on the category class name that appears in the page body tag and use this to hide form filters/fields.

As to noindex, see this post:

https://support.searchandfilter.com/forums/topic/no-results-message-but-results-shown-below/#post-245858

[Trevor]

Is this custom CSS what you need?

.searchandfilter[data-sf-form-id="693"] .sf-field-tag > ul {
    columns: 2;
}

[Trevor]

Yes, using custom CSS, probably on a field set to display as checkboxes. The user in this thread asked to change his terms to images (Flags for countries, but the same principles would apply:

https://support.searchandfilter.com/forums/topic/radio-button-filter-style/#post-273084

[Trevor]

Assuming that this is Post Categories, the easiest thing is to hide the All Categories with Custom CSS.

.sf-field-category .sf-item-0 {
    display: none;
}

But, if it is a custom taxonomy, the name would be different, so you would need to substitute the class .sf-field-category with whatever the taxonomy you are using has as a class in our form.

Is ‘This months featured blogs’ a category already in the list? If it is, you may need to re-order the list of terms. This is not so easy, but would use this filter (there are many other snippets of code using this filter in our forum):

https://searchandfilter.com/documentation/action-filter-reference/#filter-input-object

Snippet search:

https://support.searchandfilter.com/forums/search/function+sf_input_object_pre/

But, what is not possible would be to pre-select that option on loading the form for the first time. I think that feature will arrive with V3 of our plugin in a few months time.

[Trevor]

This custom CSS would hide the - separator, the To box, and the To handle of the slider:

.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider .sf-range-values-seperator,
.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider .sf-range-prefix:nth-child(4),
.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider label:nth-child(5),
.searchandfilter[data-sf-form-id="3918"] .sf-field-post-meta-EI .sf-meta-range-slider .meta-slider .noUi-base .noUi-origin:nth-child(3) {
    display: none;
}

I think you might find it easier to use a new plugin we have for the layout and content of the posts. See this post:

https://support.searchandfilter.com/forums/topic/custom-layouts/

Especially as you want only the title.

As to updates, see this post:

https://support.searchandfilter.com/forums/topic/plug-in-update-in-wp-admin/#post-273233

[Trevor]

Yes, this is possible, using custom CSS. This thread should give you some ideas:

https://support.searchandfilter.com/forums/topic/checkboxes-as-buttons/