• 0
Sign in to follow this  
Followers 0

Tweaking Masonic Gallery with CSS


Question

Posted (edited) · Report post

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

Edited by warm__tape

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0