Isotopic 4 colonnes. Comment faire ?

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Isotopic 4 colonnes. Comment faire ?

This topic contains 12 replies, has 2 voices, and was last updated by

 
Keymaster
2 years, 4 months ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #23742

    Participant

    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

    #23743

    Participant

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

    #23755

    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 :)


    #23776

    Participant

    Thank you Ernest, sincerely.

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

    Thierry

    #23787

    Participant

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

    Thanks,
    Thierry

    #23793

    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 :)


    #23891

    Participant

    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

    #23897

    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 :)


    #23926

    Participant

    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

    #23933

    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 :)


    #23980

    Participant

    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

    #23982

    Participant

    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

    #23991

    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 :)


Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.