Jump to content

Archived

This topic is now archived and is closed to further replies.

warm__tape

Tweaking Masonic Gallery with CSS

Recommended Posts

warm__tape    0
warm__tape

Hi all,

 

I'm trying to customise my masonic gallery on a site im working on. Basically, I want the grid items to be square, and for the images to proportionately fill the background.

 

I've got the following code working to achieve part of the solution:

.pl-grid-image {height:250px!important;overflow:hidden!important;}

.pl-grid-image img {width:100%!important;height:auto!important;}

Which achieves the following: (ignore missing images)

 

[attachment=2330:masonic.gif]

 

Obviously the problem is that the images arent a ) centred b ) filling the container and c ) the same height as the column is wide.

Where should I go to from here? any help would be much appreciated.

Brad

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

 

It's hard to see what the problem with a link to the site in question. Can you please provide one so we can take a closer look.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
warm__tape    0
warm__tape

I've posted a capture of the area in question- the site is incomplete so not publically available. What I need to do is make the masonic gallery tiles square, and have the images fill them.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

If you add images that are squared to begin with then there should be no need for customizing the section. For example, I have just uploaded an image that is 500x500 and when viewed in the Masonic section, the image displayed is squared. So I am not entirely sure what you're trying to do and therefore, I am going to need to view your site so I can get a better understanding.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×