Okay
  Public Ticket #177941
Portfolio confusion
Closed

Comments

  • Ray started the conversation

    First of all congratulations for Salient theme, it's an amazing work. I'm working on my new website, everything is fine except the portfolio, I can't understand how it works. I would like a portfolio like your eye candy demo page on my homepage (http://themenectar.com/demo/salient/home-portfolio... but I can't obtain the same effect. The image are not aligned at all. I'm using the demo files (xml) you provided. Can I send you the access to the website so you can take a look ? Thank you

    Ray

  • Ray replied

    Image attached

  •  8,939
    Tahir replied

    Hey Ray!

    You need to set the correct size of the images. Please see section 5.6 Masonry Sizing in the User-guide . Link: http://themenectar.com/docs/salient.pdf .

    Cheers


    ThemeNectar Support Team 

  • Ray replied

    Thank you for your reply, now my images are all the correct sizes but I don't uderstand how to set their order in the portfolio so they fit the spaces correctly.

    I want to obtain the same 'grid' I attached in the image here. so I created 9 projects.

    5 are 'regular', 500x500 pixels
    1 is wide and tall, 1000x1000
    1 is tall, 500x1000
    2 are wide, 1000x500

    The result is still the one you can see in the image below

    I'm sorry but I can't understand

    Ray

  •  8,939
    Tahir replied

    Hey Ray!

    They're currently all fitting in the largest desktop view (1600px+) but on smaller displays than that they can't all fit seamlessly due to the order you have placed your sizes. Instead of messing with the dates to reorder use this: 

    http://wordpress.org/plugins/intuitive-custom-post-order

    Cheers


    ThemeNectar Support Team 

  • Ray replied

    I'm getting mad about this ! :)

    I installed the plugin for reordering, nice, it works fine, I reordered the images but they still don't go where they should !!!

    Look at the image please

  •  8,939
    Tahir replied

    Hey Ray!

    Add this into the Custom CSS box located in your Salient Options panel:

    @media only screen and (min-width: 1300px) and (max-width: 1600px) {
    body .portfolio-items div.col.elastic-portfolio-item.wide {
    		width: 49.90%!important;
    	}
    }

    Cheers


    ThemeNectar Support Team