Possible to Standardize Size of Gridder Overlay Titles

Support has been upgraded!



The Support Forum is closed. Not to worry!  Providing the top quality support you expect and we're known for will continue! We're not ending support, just changing where you submit requests. This will provide you with the best experience possible.

Premium Support

Have you purchased an addon for Connections such as one of our premium templates or extensions with a valid license and you need help?

Please open a Support Ticket in your user account.

Click here to open a support ticket.

Free Support

Are you using the free Connections plugin? Don't worry, you are still very important to us! We are still providing you with the same high quality support that we're known for.

Please open a new support topic in the WordPress support forums for Connections.

Click here to open a support topic.

This topic is: resolved

Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • 04/08/2019 at 7:29 pm #489136
    Ellen
    Guest

    This plugin, and the associated Gridder template, look promising for the staff page on my site.

    I was wondering whether it was possible to change the size of the overlay, so that they are all the same size. In the demos, I noticed that when people have longer names or titles, the overlay box is larger, making the images look different proportions/irregular. Is it possible to standardize the overlay so that those boxes are all the same size, regardless of the length of text? Could I add an extra < p > for example? It’s important to keep the look of our website organized/standard, and to keep each staff member’s entry looking as similar to the others as possible.

    Thanks so much! This is essential, and I’ve had trouble with other plugins not offering as easy customization as yours so I’m hopeful this will work…

    04/09/2019 at 9:14 am #489194
    Steven Zahm
    Keymaster

    @ Ellen

    Sorry, no, there is not a way to do this presently. This would require some javascript code to evaluate the height of each, find the tallest and set the min-height on all the others.

    One thing you could do is use the browser Inspector and found the height of the tallest one and then add bit of custom CSS to set the min height. This would not be dynamic so you may have to tweak it from time to time.

    Here’s an example of the required custom CSS:

    #cn-gridder .cn-gridder-overlay {
    min-height: 75px;
}

    You would add this to the theme’s custom CSS area, generally located in the Customizer.

    Hope this helps, let me know.

    04/09/2019 at 3:43 pm #489225
    Ellen Monroe
    Participant

    This works! Thank you!

    04/09/2019 at 4:12 pm #489228
    Steven Zahm
    Keymaster

    @ Ellen

    great to hear!

    If you have a moment, I would truly appreciate a review as they really do make a difference.

    https://wordpress.org/support/plugin/connections/reviews/

    Thanks in advance for your time!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

You cannot reply to this support topic. Please open your own support topic.