Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • December 16, 2014 at 10:42 am #368830
    cfxsoftware

    Dear Support Team,
    how can I increase the max. number of columns used in a portfolio grid and/or masonry grid?
    Thank you, U.

    December 16, 2014 at 4:59 pm #368972
    Yigit

    Hi cfxsoftware!

    You can edit elements and choose how many columns you would like to display – http://i.imgur.com/9K0Vx7p.png9 – http://i.imgur.com/Xfmvj9B.png

    Regards,
    Yigit

    December 16, 2014 at 5:12 pm #368991
    cfxsoftware

    Dear Yigit,
    thank you for your reply. I might not have made my point very clear – sorry for that. I know how to select the number of columns (as long as I want 1-6 columns).
    My question was – how can I display more than 6 columns?
    Is this possible?

    Tnx, U.

    December 16, 2014 at 5:14 pm #368993
    Yigit

    Hi!

    With help of custom CSS it is possible. Can you please post the link to your page where you have the element you would like to edit?

    Best regards,
    Yigit

    December 16, 2014 at 5:21 pm #369004
    cfxsoftware
    This reply has been marked as private.
    December 16, 2014 at 5:29 pm #369010
    Yigit

    Hey!

    Please choose 6 columns in masonry element and add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .av-masonry-col-6 .av-masonry-entry {
width: 10%;
}

    Regards,
    Yigit

    December 16, 2014 at 6:21 pm #369060
    cfxsoftware

    Hi Ygit,
    got it to work for the masonry grid. What is the command for the portfolio grid?
    Is it only possible to ‘hack’ the 6 column entry rather than to create to create a separate 7, 8 or 9 columns selection?

    Thank you again, U.

    December 17, 2014 at 4:09 am #369317
    Ismael

    Hey!

    Select 6 columns on the Portfolio Grid. You can use this for the portfolio entries:

    #top .grid-entry.no_margin.av_one_sixth {
width: 10%;
}

    Adding a 7 or more column selection will require modification on the theme that is beyond the scope of support. Please hire a freelance developer or visit Envato Studio or Werkpress for further modifications.

    Best regards,
    Ismael

    December 17, 2014 at 4:39 am #369319
    Andy

    Hi!

    you can call portfolio grid with this:

    .grid-sort-container {

}

    Right now more columns are not supported. As a workaround you can try the “Partner/Logo Element (Media Elements) which we introduced in Enfold v2.1 and which supports up to 8 columns. You can link the images to any website or webpage – i.e. to your single portfolio entries.

    Regards,
    Andy

    March 5, 2015 at 9:42 pm #406693
    tvl76

    Hi Ismael
    I’m refering to reply #369317:
    I have 10 portfolio entries, showing 10 entries per page and changed the code to 10% as you described above. This gives me a perfect grid with all 10 entries in one line.
    However. If I reduce the browser width below 990px it jumps to another grid layout – 1 big preview pic ranging over the whole browser width first. Beneath that the other entries, 3 per row.
    I could not find how to change that into, lets say, 5 per row and 2 columns without the big preview pic at the top.
    Can you help me out how to achieve this?
    THX in advance!
    tvl

    March 6, 2015 at 3:09 pm #406994
    Yigit

    Hey!


    @tvl76     Can you please post the link to your page where we can see the issue?

    Cheers!
    Yigit

    March 6, 2015 at 3:51 pm #407025
    tvl76
    This reply has been marked as private.
    March 6, 2015 at 4:06 pm #407034
    Yigit

    Hey!

    Can you please try adding following code to Quick CSS 

    @media only screen and (max-width: 989px) {
.responsive .av-masonry-col-flexible .av-masonry-entry {
  width: 20%!important;
}}

    Regards,
    Yigit

    March 6, 2015 at 4:32 pm #407068
    tvl76

    Hey Yigit
    Still looks the same after applying the code…
    Any other idea?

    March 7, 2015 at 1:30 pm #407462
    Ismael

    Hi!

    Replace it with this:

    @media only screen and (max-width: 989px) {
.responsive #top #wrap_all .grid-sort-container .av_one_sixth {
width: 10%;
}}

    Regards,
    Ismael

    March 7, 2015 at 7:53 pm #407540
    tvl76

    HEy
    This works :)
    Perfect – THX – and have all a nice WE @ KRIESI!!!

    March 9, 2015 at 4:55 am #407852
    Rikard

    Hi!

    Glad we could help :)

    Regards,
    Rikard

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Increase number of max. columns of portfolio grid / masonry grid?’ is closed to new replies.