Isotopic 4 colonnes. Comment faire ?

[Thierry48Participant]

Hello,

in the following example you display 4 columns. How do you do ? How to change the margin? I have selected my.columns, but I do not get 4 columns.

thank you,
Thierry

[Thierry48Participant]

Sorry, the following sample is : Staff search and filter (https://ajaxsearchpro.com/staff-search-filter/)

[Ernest MarcinkoKeymaster]

Hi Thierry,

Thank you very much for all the details.

The columns count is calculated from the given result width, and depends on the container width as well. You can however specify a % value as a width, so that way the columns count will be static.
For example, using 25% as the column width will display 4 colums automatically: https://i.imgur.com/YiLnXwY.png
You can also set the margin on the same panel there: https://i.imgur.com/nnATnjk.png

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

[Thierry48Participant]

Thank you Ernest, sincerely.

At 25%, and 5px margin, I get 3 columns and not centered ..

Thierry

[Thierry48Participant]

OK, it’s good for the 4 columns. it was my css
How to remove the close button

Thanks,
Thierry

[Ernest MarcinkoKeymaster]

Hi Thierry,

You can turn off the close button here: https://i.imgur.com/uDcxexm.png

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

[Thierry48Participant]

Hi Ernest,

I have two questions.
1: in a section of my page, I created 3 columns. how to make the results occupy 100% of the width of the section and that the search field occupies 100% of a column.

2: I display the results with isotopic in 4 columns of 25% and each item has a drop shadow, but the item container cuts the shadows. I try to mark margin and / or padding, but the 25% to display in 4 columns are no longer appropriate. how to put padding to the container keeping 4 columns?
thank you,
Thierry

[Ernest MarcinkoKeymaster]

Hi!

1. The results width in block mode (when using the results shortcode) is always 100%, it will occupy the whole column width. The search width is also set to 100% by default. You can force the 100% widths for both the search here, and the results here.

2. That is unfortunately not possible, as the isotope script sets the items to an absolute position, where the padding does no effect whatsoever. The closest possible solution could be to add a right margin to each result element like so:

.item.asp_isotopic_item {
    margin-right: 12px !important;
}

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

[Thierry48Participant]

Hello,
For search results with isotop as in your example “staff search and filter”.
1 – At each search the page is reloaded and it has a vertical movement that I want to delete. How to do ?
2 – The drop-down list in categories & taxonomies, when you display it with a search and the result (50%, 50%, 100%), at the responsive the drop-down list does not go under the search as in your example. Why ?
3 – I would like to put padding in the container result “div.resdrg” or “div.results”, but without success. How to do ?

Thank you really for everything

[Ernest MarcinkoKeymaster]

Hi,

1. Can you please be more specific about this? I am not sure what exactly you are reffering to.

2. Do you mean the results list? Can I see this somewhere?

3. Try:

.resdrg {
    padding: 30px !important;
}

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

[Thierry48Participant]

OK, Thanks.

———————————————————————

Je souhaiterais utilisre votre plugin de la facon suivante : (https://ajaxsearchpro.com/?s=). Pouvez vous me dire comment vous faites ? Je vois que vous utilisez un layout vertical, en bloc, mais pour la pagination et le CSS ? Comment faites vous ?

Thanks,
Best

[Thierry48Participant]

Sorry,

OK Thanks.

———————–

I would like to use your plugin in the following way: (https://ajaxsearchpro.com/?s=). Can you tell me how you do? I see you are using a vertical layout, as a block, but for pagination and CSS? How do you do ?

Thanks,
Best

[Ernest MarcinkoKeymaster]

Hi,

That is simply the part of the theme we are using (SEOWP) + the results page live loader is enabled. That is not the plugin layout, but the theme results page layout.

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

[Author]

Posts