Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #882037
    mathijs84
    Participant

    Hi guys,

    On this page: http://bouwbedrijfheemskerk.work-planning.com/projecten/

    We would like the filter options already shown. So that you don’t have to click on Filter By category but simply show the filer options already!!

    #882820
    Jade
    Moderator

    Hi there,

    Please try this:

    .option-set .x-portfolio-filters-menu {
        display: block !important;
    }

    Hope this helps.

    #900049
    mathijs84
    Participant
    This reply has been marked as private.
    #901382
    Nabeel A
    Moderator

    Hi again,

    To hide the category block, you can use this code:

    a.x-portfolio-filters.cf {
        display: none !important;
    }

    I checked “All” filter and it seems to be working fine. Can you please share a screenshot of what you’re viewing?

    Thanks!

    #901621
    mathijs84
    Participant

    Before i had the portfolio set up with 10 items per page. If for example the projects NIEUWBOUW were on page 3 and you are on page 1, the filter doesnt return a project.

    Now i have put all projects on the same page, so the filter will work.

    Can it be done with different pages as well??

    Also i hid the category block. Can we move up the filters ?

    #902540
    Rupok
    Member

    Hi there,

    Thanks for updating. This is usual since the filtering is done with isotope which is a jQuery/JS plugin and JavaScript is client based this won’t work that way. It will only filter the existing category on current page.

    We couldn’t provide any fix as this is intentional feature, but I added this as future enhancement we could add. Like Ajax paging.

    Thank you.

    #903793
    mathijs84
    Participant

    Thanks, can you look at the second point please

    – Also i hid the category block. Can we move up the filters, so it it higher on the page

    #904756
    Darshana
    Moderator

    Hi there,

    You can add this under Custom > CSS in the Customizer.

    .page-id-126 .offset.cf {
        margin-top: 0;
    }

    Hope that helps.

  • <script> jQuery(function($){ $("#no-reply-882037 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>