Reply To: Customize Search Settings Layout (vertical)

Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Customize Search Settings Layout (vertical) › Reply To: Customize Search Settings Layout (vertical)

January 10, 2018 at 2:06 pm #16242
Ernest Marcinko
Ernest Marcinko
Keymaster

Hi!

Well, this requires major customization, I’m not sure if it is possible with custom CSS, it might be.

The column layout does not affect the layout of this single option, it’s used whenever there are more option boxes. Flex should be perfectly fine.

I dug into this in a bit more details, and I may have a very basic solution which could start you off. So, with a small custom code I have managed to do this: https://i.imgur.com/weEkx03.gif

The solution has a custom CSS as well as a small script, that handles adding one additional class to the output. Please note that this is nowhere near an optimal solution, but it can give you an insight on how to start the modification.

Custom CSS


.asp_option_cat {
    display: inline-block !important;
    float: none !important;
    margin: 5px 0px 5px 10px !important;
    padding: 4px 6px !important;
    border: 1px solid black !important;
}

.asp_option_cat.asp_selected_cb {
    box-shadow: 0 0 0 3px black inset !important;
}

.asp_option_cat .asp_option_inner {
    display: none !important;
}

Additional script
Add this custom code to the functions.php in your theme/child theme directory (copy from line 3 only!). Before editing, please make sure to have a full site back-up just in case!

I hope this helps!

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)