Forums › Forums › Search & Filter Pro › Increase Indentation on list

Tagged: 

Viewing 10 posts - 1 through 10 (of 22 total)
1 2 3
  • Anonymous
    (Private)  January 16, 2017 at 9:24 pm #82858

    hey,

    When using the dropdown there is an indentation for each sub level.
    How can I increase the indentation

    Trevor
    (Private)  January 17, 2017 at 1:12 pm #83091

    You would need to write some custom CSS to achieve this and apply that in your theme. If I could see the form, I could help you with the CSS.

    Anonymous
    (Private)  January 17, 2017 at 4:37 pm #83159
    This reply has been marked as private.
    Trevor
    (Private)  January 18, 2017 at 9:28 am #83339

    The way Subject looks now is weird. Some are bold, some are not. And some are more indented that others?

    Are you able to take a screen shot and PhotoShop it how you want it to look, then give me a link to the image file?

    Anonymous
    (Private)  January 18, 2017 at 3:42 pm #83445
    This reply has been marked as private.
    Trevor
    (Private)  January 18, 2017 at 4:11 pm #83452

    What browser did you look at for this? I just looked in Chrome and Edge and it looks as your image, but in Firefox, not. That is why I was confused, as I normally use Firefox.

    However, I think all you need is custom CSS like this:

    .sf-input-select .sf-level-1 {
    margin-left: 50px !important;
}

    Or whatever value you want …

    and so on as the level numbers increase.

    Anonymous
    (Private)  January 18, 2017 at 4:18 pm #83454

    Hey thanks, I hadn’t checked it in Firefox, and your right CSS does work in Firefox.

    But it doesn’t work in Chrome, When I added in that code it didn’t change in Chrome.

    Is there anything that is cross browser compatible?

    If not do you know where the code is to add in the extra spaces and I can add in a few more there?

    Trevor
    (Private)  January 18, 2017 at 4:33 pm #83467

    Ross just pointed out a filter (Filter Input Object) you can use, here in the documentation:

    https://www.designsandcode.com/documentation/search-filter-pro/action-filter-reference/#Filter_Input_Object

    There is a link to some example code there too.

    Anonymous
    (Private)  January 18, 2017 at 4:43 pm #83471

    Thank you.

    My php isn’t that great, would it would be something like;

    function filter_function_name($input_object, $sfid=87)
    {
    if($input_object[‘name’]==’sf-level-1′)
    {
    //udpate this field before rendering
    $input_object[‘attributes’][‘style’] = ‘margin-left:50px;’;
    }

    return $input_object;
    }
    add_filter(‘sf_input_object_pre’, ‘filter_function_name’, 10, 2);

    Trevor
    (Private)  January 18, 2017 at 5:53 pm #83495

    I was thinking you can add some more spaces before the strings? Not to add css.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 22 total)
1 2 3