Support Forums

The forums are closed and will be removed when we launch our new site.

Looking for support? You can access the support system via your account.

Forums › Forums › Search & Filter Pro › How to make submit button inline?

Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • JENNIFER LIN
    (Private)  March 4, 2016 at 6:58 am #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
    (Private)  March 7, 2016 at 10:20 am #38806

    Not sure, do you have a link?

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

    Thanks

    JENNIFER LIN
    (Private)  March 14, 2016 at 9:50 am #39353

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

    JENNIFER LIN
    (Private)  March 14, 2016 at 10:33 am #39361
    This reply has been marked as private.
    Ross Moderator
    (Private)  March 14, 2016 at 2:05 pm #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

    Kathryn Dziurzynski
    (Private)  March 15, 2016 at 11:50 pm #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
    (Private)  March 16, 2016 at 9:36 am #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

    Kathryn Dziurzynski
    (Private)  March 21, 2016 at 1:08 pm #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
    (Private)  March 21, 2016 at 5:29 pm #40039

    Hey Kathryn

    Can you open a new ticket?

    Thanks

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘How to make submit button inline?’ is closed to new replies.