Okay
  Public Ticket #781294
Portfolio max columns
Closed

Comments

  • Jan started the conversation
    May 27, 2016 at 2:52am

    Hi,

    I want to have smaller portfolio thumbnails using full width portfolio. So I added custom thumb to every portfolio item (250px x 250px). But thumbs still appear to be 500x500 or so and there are just 5 columns. 

    Is it possible to have 6 or 7 max columns in the portfolio? Or is there an other way to make thumbnails smaller?

    Thanks,

    Jan

  • Jan replied
    May 28, 2016 at 1:00am

    Here's the link -

    http://www.janjinda.com/home

    Cheers

  •  8,996
    Tahir replied
    May 28, 2016 at 1:09am

    Hey ,
    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1600px) and (min-width: 1000px) {
    body .portfolio-items .col.elastic-portfolio-item {
        width: 14.285% !important;
    }
}
@media only screen and (max-width: 1000px) and (min-width: 690px){
    body .portfolio-items .col.elastic-portfolio-item {
        width: 20% !important;
    }
}
@media only screen and (max-width: 690px) and (min-width: 0px){
    body .portfolio-items .col.elastic-portfolio-item {
        width: 33.3% !important;
    }
}

    Best.

    ThemeNectar Support Team 

  • Jan replied
    May 28, 2016 at 3:55pm

    Works perfectly, thanks Tahir! 

  •  2
    Sean replied
    September 30, 2016 at 9:20am

    Hi Tahir,

    I am attempting this but it doesn't work for me.

    I am using full-screen rows,

    When i check my codes, I see that i have a .no-masonry class, i added that in but it still didnt work for me.

    Please advise how to do it. Thanks!

  •  8,996
    Tahir replied
    September 30, 2016 at 6:53pm

    Hey Sean,

    Please create a new ticket with your site url so that i can write up the releveant css for it. 

    Bes.t 

    ThemeNectar Support Team