Forums › Forums › Search & Filter Pro › CSS Problem

Viewing 8 posts - 1 through 8 (of 8 total)
  • Anonymous
    (Private)  October 17, 2016 at 11:05 am #64415

    I was using the following CSS in the non pro version to make the search boxes horizontal. This CSS no longer works with the PRO version. What do I need to change to make it work?

    /* Search & Filter Styles */
    .searchandfilter p
    {
    margin-top: 1em;
    display:inline-block;
    }
    .searchandfilter ul
    {
    display:block;
    text-align: center;
    }
    .searchandfilter li
    {
    list-style: none;
    display:inline-block;
    padding-right:10px;
    width:15em;
    }

    Trevor
    (Private)  October 17, 2016 at 12:02 pm #64488

    It rather depends what elements are in your form as to what the css would be. If you search this forum for the key word horizontal you will get many threads with sample code.

    Anonymous
    (Private)  October 17, 2016 at 12:09 pm #64490

    Hi Trevor
    All I need is for the code above to relate to the pro version. Do I need to change .searchandfilter for it to relate to pro rather than non pro?

    Many thanks

    Trevor
    (Private)  October 17, 2016 at 12:17 pm #64492

    I do not know. I think searchandfilter is still the class name. I do not work with the non-pro version.

    Anonymous
    (Private)  October 17, 2016 at 12:28 pm #64494

    Do I need to add something after searchandfilter that relates to the search form for the css to work?

    Trevor
    (Private)  October 17, 2016 at 4:00 pm #64543

    Are you able to show me your new form? As a live page I mean. Not a screenshot?

    Anonymous
    (Private)  October 17, 2016 at 4:23 pm #64550

    Hi Trevor, I worked it out CSS has to have the form name after .searchandfilter for it to work.

    Trevor
    (Private)  October 17, 2016 at 4:34 pm #64563

    This is resolved then?

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