Search Results for 'horizontal'

[Ross]

Glad you got it working Ashley 🙂

[Anonymous]

Figured it out with firebug, my ul was “.sf-field-tag” instead of “.searchandfilter” (copy of the changes below). I don’t actually understand why its different but it works.

.sf-field-tag > ul
{
margin:0 !important;
padding:0 !important;
}
.sf-field-tag > ul > li
{
display:inline-block !important;
padding-right:10px !important;
}

[Anonymous]

I have attempted both of these CSS codes individually with no luck in getting my check boxes displayed horizontally. I am by far no wiz with this, any ideas?

[Anonymous]

Thanks Ross…

I really need this working as my client is waiting on it.

I sure hope you can get this working. Let me know when it is
so I can buy another one for the other site.

I am trying to duplicate what I have on my other site….
http://HealthCareJobs.net

You can see a search feature similar to what you are building…
however, it is out of date and NOT supported any more.

So I need your plugin for http://HealthCareJobs.net

It would be GREAT if I could have a horizontal search feature like
the one on that site.

Thanks

[Ross]

Hey Erwin

To answer your questions:

1) You need to find out which template is being used for this page, and use that in the S&F settings. You could try a plugin like https://wordpress.org/plugins/show-current-template/ to help you figure it out 🙂

2) Take a look at the advice here: https://support.searchandfilter.com/forums/topic/horizontal-layout/

Hope that helps!

Best

[Ross]

Hey Matt

Ok, so to make it horizontal all you need to do is add the following css to your theme:

.searchandfilter > ul
{
	margin:0;
	padding:0;
}
.searchandfilter > ul > li
{
	display:inline-block;
	padding-right:10px;
}

This means everything display in a single row – like text would.

So you need to make sure that the container that Search & Filter is inside of is wide enough and then this should work 🙂

If you don’t see these rules working, then try adding important rules like this:

.searchandfilter > ul
{
	margin:0 !important;
	padding:0 !important;
}
.searchandfilter > ul > li
{
	display:inline-block !important;
	padding-right:10px !important;
}

Thanks

[Ross]

Hey Matt

I’m away atm moment – sorry I left this so long – its not so hard so I’ll be able to help quickly on my return 🙂

Thanks
Ross

[Anonymous]

When I filter my users the output is a horizontal display of the relevant users with their avatars. If I click on a user name from this I get directed to an author page.

I need to be directed to the relevant user profile which is far more logical.

Is there any way to achieve this outside of redirecting every users author page?

[Anonymous]

Hi Ross,

can you please describe, how I can put the form in a horizontal layout?

Thanks,
Matt

[Anonymous]

Hi Ross,

sure, adding css code is no problem.
Looking forward to your reply.

Thanks,
Matthias