How to make submit button inline?

Anonymous

#38683

Hi,

I have a taxonomy search fields inline. Submit button is below them. How to make the submit button on the same line with other taxonomy dropdown search field?

Ross Moderator

#38806

Not sure, do you have a link?

This is really a CSS question but I’ll take a look.

Thanks

Anonymous

#39353

Hi, how to make each inline: the select and the submit button? URL is:
https://www.legalpenguin.com/searchtest/

Anonymous

#39361

This reply has been marked as private.

Ross Moderator

#39384

Hi Jennifer

To make it inline, you just need to make the wrapping LI elements inline:

.searchandfilter ul li
{
    width: auto;
    display: inline-block;
}

If the container of the search form is too wide, then of course the elements will begin to stack.

Thanks

Anonymous

#39489

Hi this isn’t working for me…I added the following code to the plugin’s admin.css file

.searchandfilter ul li
{
width: auto;
display: inline-block; !important
}

li.sf-field-taxonomy-maker{display: inline-block !important}
li.sf-field-taxonomy-model{display: inline-block !important}
li.sf-field-taxonomy-guage{display: inline-block !important}
li.sf-field-taxonomy-caliber{display: inline-block !important}
li.sf-field-submit{display: inline-block !important}

the website is dev.robinhollow.com
password to view the website is “RHO!”

Help!

Ross Moderator

#39511

Hi Kathryn

You must not edit any files within Search & Filter – this is the wrong place to add the code.

You must find the right place (in your theme) to add custom CSS.

Usually, this is in your theme folder and called style.css, but some themes do this differently – this is something you need to find out.

Once you know this, you can add the above code.

Thanks

Anonymous

#40005

Great — thanks that worked!

BUT now my search results aren’t working…I search for an inventory item I know exists and I get an “Opps” page…

Ross Moderator

#40039

Hey Kathryn

Can you open a new ticket?

Thanks

[Author]

Posts