1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
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 Filterable Portfolio

Discussion in 'Basic Support Forum' started by Bobby Hougham, Jul 28, 2017.

  1. Bobby Hougham

    Bobby Hougham New Member
    Divi Ultimate Child Theme

    I just installed 2.0 and was looking through the new modules, nice work btw!

    I want to use the filterable portfolio from Interior Design, or rather i want to use the category layout from it. I already have a look for my portfolios and would like to get the category buttons to look similar to what you have in the interior design layout.

    i cant seem to figure out how you guys are doing it though, css only? where do you modify colors for the hover text and box? and set to center?

    to be clear i am not starting with your module, but i would like to use aspects of your module in my work.

    thanks!
     
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    To center the filters, you only need to go to the filterable portfolio settings & add CSS class free-portfolio-filters-center

    To change the active filter color, you only need to go to the module settings Custom CSS -> Active Portfolio Filter & add the below CSS
    Code:
    Log In or Sign Up to view this code.
    Change the color to anything you like.

    Let me know if you got it to work the way you want it to be.
     
  3. Bobby Hougham

    Bobby Hougham New Member
    Divi Ultimate Child Theme

    thanks! im close... id like to also turn the non active filters backgrounds off (no boxes) and the text to all capitalized. and lastly, is there a relatively easy way to spread the filters out by percentages or px ?

    thanks!
     
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Add this CSS to your Theme Options -> Custom CSS
    Code:
    Log In or Sign Up to view this code.
    Adjust the padding-left & padding-right to spread the filter out.

    Let me know if it works.
     
  5. Bobby Hougham

    Bobby Hougham New Member
    Divi Ultimate Child Theme

    that did it! thanks!
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member