Forums › Forums › Search & Filter Pro › Change spacing of checkboxes

  • This topic has 9 replies, 2 voices, and was last updated 9 years ago by Ross.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Anonymous
    (Private)  November 10, 2015 at 10:33 pm #29446

    Hi,

    Could you please give me some guidance to reduce the amount of space between the checkboxes. I have a lot of checkboxes and I want to squash everything up a bit so users haven’t got to scroll down to far.

    Thanks,

    Alex

    Anonymous
    (Private)  November 11, 2015 at 12:54 pm #29477

    I put the following in my themes style.css but it only adjusts the padding between the taxonomy titles and the dropdowns, it doesn’t reduce space between the checkboxes.

    .searchandfilter > ul > li
{
    padding: 0; !important;
}

    Any ideas how to reduce the spacing between individual checkboxes?

    Thanks,
    Alex

    Ross Moderator
    (Private)  November 11, 2015 at 1:49 pm #29482

    Hey Alex

    You probably want something like:

    .searchandfilter > ul > li > ul > li
{
    padding: 0; !important;
}

    to target the next level of list items

    Thanks

    Anonymous
    (Private)  November 12, 2015 at 9:38 pm #29744

    Thanks, all sorted 🙂

    Is there a way to make each section (taxonomy) collapsible?

    Anonymous
    (Private)  November 12, 2015 at 10:14 pm #29746

    Hi,

    I installed a wp plugin called “collapse-o-matic” which can be used to create collapsible text using shortcakes or html in your theme. It seems pretty good.

    You’ve mentioned in other threads that you added html to search & filter that would make it possible to add the code to make things collapsible but I’ve looked everywhere but can’t find where it might need to go.

    This is the html from “collapse-o-metic” that I need to use to make my taxonomy checkbox boxes collapsible. Could you point me to where/how in the s&f plugin I should add this code?

    <div class="collapseomatic " id="my_id" title="Trigger Text">Trigger Text</div>
<div id="target-my_id" class="collapseomatic_content ">Target Content</div>

    Many thanks

    Alex

    Ross Moderator
    (Private)  November 12, 2015 at 10:40 pm #29749

    Hey Alex

    To be honest I’ve no idea how that works so unfortunately can’t comment on integration.

    I think the setup would have to be something involving some custom JavaScript code in you theme – which is bit beyond what I can help with here – I’ve seen other users have something similar setup so know it can be done.

    I am looking at adding this kind of functionality to the plugin down the line but not sure when yet.

    Thanks

    Anonymous
    (Private)  November 12, 2015 at 10:44 pm #29751

    Hi

    Where is the html in the s&f code that formats the filters?

    Thanks
    Alex

    Ross Moderator
    (Private)  November 13, 2015 at 12:23 am #29758

    It’ll be in a mixture of files – likely all in this folder –

    search-filter-pro\public\includes\

    And then these files:

    class-search-filter-display-shortcode.php
class-search-filter-generate-input.php
class-search-filter-taxonomy-walker.php
class-search-filter-author-walker.php

    I think though that a you’ll find manually tinkering with the tags might lead to other issues I haven’t quite wrapped my head around yet.

    I would say its easier to implement a JS customisation rather than to change the code of the plugin.

    Thanks

    Anonymous
    (Private)  November 13, 2015 at 9:41 am #29783

    Thanks, I’ll take a look and see what I can come up with 🙂

    create collapsible text using shortcakes

    LOL!

    Ross Moderator
    (Private)  November 13, 2015 at 10:48 am #29790

    Hahaha I did notice that 😉

    You’re not the only one (just):

    https://support.searchandfilter.com/forums/search/shortcake/

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