Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1921364
Filterable Portfolio
Closed

Comments

  • Trey started the conversation

    Using the filterable portfolio for an affiliate store and would like to do 2 things:

    1. Change the rectangular grids in the filterable portfolio to 1:1 squares instead of the current rectangular layout

    2. Use a 4 or 5-column grid instead of the current 3-column grid


    Is this possible?

  •  2,699
    PenciDesign replied

    Hi,

    1/ This theme already support for this feature.

    On your portfolio shortcode, add more attr:

    image_type="square"

    Example:

    [portfolio style="grid" cat="" number="12" filter="true" column="3" all_text="All" image_type="square" /]

    2/ Please add more this code to Customize > Custom CSS to do that:

    @media only screen and (min-width: 1170px) {
    .inner-portfolio-posts .portfolio-item{ width: 25%; }
    }
    

    Best Regards,

    PenciDesign

  • Trey replied

    Thank you so much. Have the square portfolio images now. Part 2 doesn't seem to have worked (4-column instead of 3-column). What should I do differently? 

  •  2,699
    PenciDesign replied

    Hi,

    I've edited the latest comment.

    You need to use this code to change it to 4 columns:

    @media only screen and (min-width: 1170px) {
    .inner-portfolio-posts .portfolio-item{ width: 25%; }
    }


    Best Regards,

    PenciDesign

  • Trey replied

    Yes, that's the snippet I've already tried per your previous instructions. Since that doesn't appear to work, do you have another recommendation? Or perhaps I've set something up wrong that's not allowing it?

  •  2,699
    PenciDesign replied

    Hi,

    I can see the code appears on your site is wrong.

    You need to change from:

    @media only screen and (max-width: 1170px) {
    .inner-portfolio-posts .portfolio-item{ width: 25%; }
    }

    To:

    @media only screen and (min-width: 1170px) {
    .inner-portfolio-posts .portfolio-item{ width: 25%; }
    }


    Best Regards,

    PenciDesign

  • Trey replied

    That did it. I apologize for overlooking that. Thanks so much!