1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Is it possible to customize the arrangement display of filter portfolio button

Discussion in 'Free Divi Community Forum' started by JEnriquez, Aug 17, 2021.

  1. JEnriquez

    JEnriquez New Member

    I'm new to Divi wordpress and I can't figure if possible to rearrange the display button for filterable portfolio. The screenshot below are the categories button from filterable portfolio and as you can see the arrangement of button is alphabetically. I want customize it that on the left side are Drinks and on the right side the Bake Goods. Is it possible to modify it using code.
    upload_2021-8-17_15-23-48.png
    Can anybody help me? Thanks
     
    #1 JEnriquez, Aug 17, 2021
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Here's a sample CSS to achieve what you want. Adjust & paste it in WP Admin > Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Aug 18, 2021
    Iciar likes this.
  3. JEnriquez

    JEnriquez New Member

    Thank you, it works.
     
    #3 JEnriquez, Aug 24, 2021
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  4. JEnriquez

    JEnriquez New Member

    Hi, I just have a question.
    Can the filterable button to a dropdown select? I've tried to create a parent category and add a child category.

    Sample is I created a Drinks as parent category and the child category are Coffee, Teas, etc. But when I add it on the page, but the display has no difference from the parent and child category.

    Is it configurable to display only the parent category and on hover the parent category the child categories will display below the parent category?

    Here is my sample Categories
    upload_2021-8-27_14-27-0.png

    Thanks in advance!
     
    #4 JEnriquez, Aug 26, 2021
  5. Iciar

    Iciar New Member

    Hi!
    I have used this code to arrange the order of the filterable tabs in the portfolio module but, although I put the button "ALL" in the last place, it still loads firstly when loading the page (with all the projects).
    Is there a way to change this behaviour? I would like it to load the first category.
    Thank you in advance!






     
    #5 Iciar, Aug 31, 2021
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #6 Divi.Help, Sep 2, 2021
  7. Iciar

    Iciar New Member

    HI! Thank you for your response! I just found the code I needed. I share it there so it may be helpful. It has to be included in the integration place (in the <body> section).

    /*Make the portfolio module loads the first category (not the ALL button)*/

    <script>
    jQuery(document).ready(function(){
    // CHECK IF FILTERABLE PORTFOLIO IS PRESENT ON PAGE
    if(jQuery('.et_pb_filterable_portfolio').length) {
    // TRIGGER CLICK ON FIRST CATEGORY AFTER PAGE HAS LOADED AND INITIAL JAVASCRIPT FUNCTIONS RUN
    setTimeout( function(){
    jQuery('.et_pb_portfolio_filters ul').children().eq(1).find('a').trigger('click');
    }, 400);
    }
    });
    </script>
     
    #7 Iciar, Sep 3, 2021
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
(You must log in or sign up to post here.)