Search Results for 'horizontal'

[Anonymous]

I have figured out how I can order my portfolio categories. But the checkboxes are stacked. I tried to make them horizontal with some code that I found in other support topics, but it didn’t work… Could you help me with that?

[Anonymous]

Hello,
I would like to use the plugin to only filter the results on the current page. Currently when I use it, it filters to another page that looks different than the current listings page. I want this filter to act how the WPJM jobs shortcode filter would act.

Also, is there any way to make the tool type filters horizontal so that they look better on the page? The current code I got from another post doesn’t seem to work

Lastly, I used a parent-child hierarchy for my tool types, but cannot get the label to display above the checkboxes.

[Anonymous]

Has this been solved? I works also like a horizontal layout

[Anonymous]

Ok I have tried that and now its spits out even more code:

[et_pb_section bb_built=”1″ next_background_color=”#ffffff” _builder_version=”3.24″ use_background_color_gradient=”on” background_color_gradient_start=”#004363″ background_color_gradient_end=”#001d39″ background_color_gradient_direction=”90deg” background_color_gradient_end_position=”85%” box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” z_index_tablet=”500″][et_pb_row _builder_version=”3.24″ box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” z_index_tablet=”500″][et_pb_column type=”4_4″][et_pb_post_title _builder_version=”3.24″ meta=”off” featured_image=”off” text_color=”light” text_orientation=”center” text_shadow_horizontal_length=”text_shadow_style,%91object Object%93″ text_shadow_horizontal_length_tablet=”0px” text_shadow_vertical_length=”text_shadow_style,%91object Object%93″ text_shadow_vertical_length_tablet=”0px” text_shadow_blur_strength=”text_shadow_style,%91object Object%93″ text_shadow_blur_strength_tablet=”1px” title_text_align=”center” title_text_shadow_horizontal_length=”title_text_shadow_style,%91object Object%93″ title_text_shadow_horizontal_length_tablet=”0px” title_text_shadow_vertical_length=”title_text_shadow_style,%91object Object%93″ title_text_shadow_vertical_length_tablet=”0px” title_text_shadow_blur_strength=”title_text_shadow_style,%91object Object%93″ title_text_shadow_blur_strength_tablet=”1px” meta_text_shadow_horizontal_length=”meta_text_shadow_style,%91object Object%93″ meta_text_shadow_horizontal_length_tablet=”0px” meta_text_shadow_vertical_length=”meta_text_shadow_style,%91object Object%93″ meta_text_shadow_vertical_length_tablet=”0px” meta_text_shadow_blur_strength=”meta_text_shadow_style,%91object Object%93″ meta_text_shadow_blur_strength_tablet=”1px” box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” z_index_tablet=”500″ background_color=”rgba(255,255,255,0)” locked=”on” /][et_pb_text admin_label=”Pathway Assessment Blueprint – H5″ _builder_version=”3.24″ text_text_align=”center” text_text_color=”#ffffff” text_text_shadow_horizontal_length=”text_text_shadow_style,%91object Object%93″ text_text_shadow_horizontal_length_tablet=”0px” text_text_shadow_vertical_length=”text_text_shadow_style,%91object Object%93″ text_text_shadow_vertical_length_tablet=”0px” text_text_shadow_blur_strength=”text_text_shadow_style,%91object Object%93″ text_text_shadow_blur_strength_tablet=”1px” text_orientation=”center” link_text_shadow_horizontal_length=”link_text_shadow_style,%91object Object%93″ link_text_shadow_horizontal_length_tablet=”0px” link_text_shadow_vertical_length=”link_text_shadow_style,%91object Object%93″ link_text_shadow_vertical_length_tablet=”0px” link_text_shadow_blur_strength=”link_text_shadow_style,%91object Object%93″ link_text_shadow_blur_strength_tablet=”1px” ul_text_shadow_horizontal_length=”ul_text_shadow_style,%91object Object%93″ ul_text_shadow_horizontal_length_tablet=”0px” ul_text_shadow_vertical_length=”ul_text_shadow_style,%91object Object%93″ ul_text_shadow_vertical_length_tablet=”0px” ul_text_shadow_blur_strength=”ul_text_shadow_style,%91object Object%93″ ul_text_shadow_blur_strength_tablet=”1px” ol_text_shadow_horizontal_length=”ol_text_shadow_style,%91object Object%93″ ol_text_shadow_horizontal_length_tablet=”0px” ol_text_shadow_vertical_length=”ol_text_shadow_style,%91object Object%93″ ol_text_shadow_vertical_length_tablet=”0px” ol_text_shadow_blur_strength=”ol_text_shadow_style,%91object Object%93″ ol_text_shadow_blur_strength_tablet=”1px” quote_text_shadow_horizontal_length=”quote_text_shadow_style,%91object Object%93″ quote_text_shadow_horizontal_length_tablet=”0px” quote_text_shadow_vertical_length=”quote_text_shadow_style,%91object Object%93″ quote_text_shadow_vertical_length_tablet=”0px” quote_text_shadow_blur_strength=”quote_text_shadow_style,%91object Object%93″ quote_text_shadow_blur_strength_tablet=”1px” header_text_shadow_horizontal_length=”header_text_shadow_style,%91object Object%93″ header_text_shadow_horizontal_length_tablet=”0px” header_text_shadow_vertical_length=”header_text_shadow_style,%91object Object%93″ header_text_shadow_vertical_length_tablet=”0px” header_text_shadow_blur_strength=”header_text_shadow_style,%91object Object%93″ header_text_shadow_blur_strength_tablet=”1px” header_2_text_shadow_horizontal_length=”header_2_text_shadow_style,%91object Object%93″ header_2_text_shadow_horizontal_length_tablet=”0px” header_2_text_shadow_vertical_length=”header_2_text_shadow_style,%91object Object%93″ header_2_text_shadow_vertical_length_tablet=”0px” header_2_text_shadow_blur_strength=”header_2_text_shadow_style,%91object Object%93″ header_2_text_shadow_blur_strength_tablet=”1px” header_3_text_shadow_horizontal_length=”header_3_text_shadow_style,%91object Object%93″ header_3_text_shadow_horizontal_length_tablet=”0px” header_3_text_shadow_vertical_length=”header_3_text_shadow_style,%91object Object%93″ header_3_text_shadow_vertical_length_tablet=”0px” header_3_text_shadow_blur_strength=”header_3_text_shadow_style,%91object Object%93″ header_3_text_shadow_blur_strength_tablet=”1px” header_4_text_shadow_horizontal_length=”header_4_text_shadow_style,%91object Object%93″ header_4_text_shadow_horizontal_length_tablet=”0px” header_4_text_shadow_vertical_length=”header_4_text_shadow_style,%91object Object%93″ header_4_text_shadow_vertical_length_tablet=”0px” header_4_text_shadow_blur_strength=”header_4_text_shadow_style,%91object Object%93″ header_4_text_shadow_blur_strength_tablet=”1px” header_5_text_align=”center” header_5_text_shadow_horizontal_length=”header_5_text_shadow_style,%91object Object%93″ header_5_text_shadow_horizontal_length_tablet=”0px” header_5_text_shadow_vertical_length=”header_5_text_shadow_style,%91object Object%93″ header_5_text_shadow_vertical_length_tablet=”0px” header_5_text_shadow_blur_strength=”header_5_text_shadow_style,%91object Object%93″ header_5_text_shadow_blur_strength_tablet=”1px” header_6_text_shadow_horizontal_length=”header_6_text_shadow_style,%91object Object%93″ header_6_text_shadow_horizontal_length_tablet=”0px” header_6_text_shadow_vertical_length=”header_6_text_shadow_style,%91object Object%93″ header_6_text_shadow_vertical_length_tablet=”0px” header_6_text_shadow_blur_strength=”header_6_text_shadow_style,%91object Object%93″ header_6_text_shadow_blur_strength_tablet=”1px” custom_margin=”-1em|||” custom_padding=”0px|||” box_shadow_horizontal_tablet=”0px” box_shadow_vertical_tablet=”0px” box_shadow_blur_tablet=”40px” box_shadow_spread_tablet=”0px” z_index_tablet=”500″ background_layout=”dark” header_5_text_color=”#ffffff” locked=”on”]

When it doesn’t spit out code it instead displays the actual content of the page as a whole. The goal of the filter for these pages are to just display the title, the tag, the category and that’s it. Thoughts?

[Anonymous]

Good afternoon
I’m trying to assign a CSS to my filters. I’m having a problem that may be a problem but I can not find the solution:

/* Filter Test */

input[type=”checkbox”] {
display: none;
}
input[type=”checkbox”]:checked {
background: rgb(255, 102, 0);
border-color: rgb(255, 102, 0);
}
input[type=”checkbox”]:checked {
transform: scale(1.3);
}

.sf-input-checkbox {
display: block;
box-sizing: border-box;
width: 25px;
height: 25px;
background: #CCC;
margin: 100px;
border: 3px solid #7A7A7A;
border-radius: 45%;
position: relative;
cursor: pointer;
transition: .2s;
}
.sf-input-checkbox :before {
content: ”;
position: absolute;
display: block;
height: 300%;
width: 300%;
top: -100%;
left: -100%;
z-index: -1;
border-radius: 50%;
transition: .3s;
}
.sf-input-checkbox :after {
content: ”;
display: block;
height: 100%;
width: 100%;
background: url(“https://www.ert.pt/wp-content/uploads/2019/05/Check.svg”) center center no-repeat;
background-size: contain;
transform: scale(0);
transition: .2s;
}
.sf-input-checkbox :active:before {
background: #bfbfbf;
}

In the CSS below, the checkbox and label have the same properties, when I assign PADDING or MARGING (left) on the label to move away from the checkbox, the checkbox also gains padding and “grows” horizontally next to the label.

It may be necessary to assign a class to the checkbox, but I can not finish this.

Thanks for the help.
Thanks.

[Anonymous]

Thanks! The horizontal boxes looks perfect!

[Anonymous]

Hi! Its me JoJo. I temporarily added my email so Cynthia wouldn’t get bombarded by notifications.

So i have been modifying the css for the checkboxes but nothing. Also hid the inputs via css. I used snappy snippets extension also. Originally everything was horizontal. Normally if I use !important it would override the default settings.

[Trevor]

The custom CSS you might use to do this is on the documentation page:

https://searchandfilter.com/documentation/getting-started/display-search-form/#making-your-search-form-horizontal

[Trevor]

Q1. When we add new posts, a frequent occurrence, is the Search & Filter cache updated automatically to include them?
A1. Yes, as long as they are added via the WP editor page. If they are added though import, we have an action that the import process needs to call to add the new post (or changed post) to our cache:

https://searchandfilter.com/documentation/action-filter-reference/#update-cache-for-a-particular-post

If you are using WP All Import, then this code (in the child theme functions.php file) should be used:

add_action('pmxi_saved_post', 'wp_all_import_post_saved', 10, 1);

function wp_all_import_post_saved($id) {
    do_action('search_filter_update_post_cache', $id);
}

Q2. Is it possible to have [the form] a header section, and arranged horizontally?
A2. It depends how your theme allows you to place widgets. You may need to use a child theme and edit the template PHP file and place it like so. This page in the documentation covers this and the horizontal appearance:

https://searchandfilter.com/documentation/getting-started/display-search-form/

[Anonymous]

Apologies if this is answered elsewhere, I could not quickly find it. We’ve activated our copy of S&F Pro to replace a filter plugin that’s being negatively affected by an image plugin’s code.

When we add new posts, a frequent occurrence, is the Search & Filter cache updated automatically to include them?

Also – the filter seems to want to run in a sidebar. Is it possible to have it a header section, and arranged horizontally?

Best Regards,
Patrick Keenan
The Twelfth Fret
http://www.12fret.com