Docs

[Super]

Hi there.
I’ve set up an essential grid on my site for my portfolio.
Currently there’s just one image for each piece of artwork, but I’d like to feature a few images for each grid item.

Is there a way so after you’ve clicked on the grid item and the large image has popped up to be able to see more images from that item?

[Super]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! I don’t think it’s possible with ES Grid. You can explore the Essential Grid documentation to see if that’s possible.
Official documentation – https://community.theme.co/kb/integrated-plugins-essential-grid/

Cheers!

[Super]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing back. I can try to help you with those.

#1. There is an extra paragraph that’s causing the issue – http://prntscr.com/dawurc
Perhaps you have placed the shortcode and a new line with return key. If you can remove the new line, it should be fine. Or you can add this under Custom > CSS in the Customizer.

p:empty {
  margin-bottom: 0;
}

#2. It’s not possible to make the whole item clickable as it’s a functionality of “The Grid” and we can’t change the functionality of a plugin. If you need any cosmetic change then I can try to help you with some custom code.

Thanks!

[Super]

This reply has been marked as private.

[Lely]

Hi There,

You’re welcome!

Please add this on Appearance > Customize > Custom > Edit Global CSS:

.eg-supernormal-container {
    background-color: rgba(255,255,255,0.9);
}
.eg-supernormal-element-0, .eg-supernormal-element-8 {
    color: #000 !important;
}

Adjust 0.9 to your preferred transparency

Hope this helps.

[Super]

Hi there.
I’m afraid the background of each grid is now just black and the text unreadable.

Any other solutions?

[Super]

Also in point #2 you mentioned It’s not possible to make the whole item clickable as it’s a functionality of “The Grid” and we can’t change the functionality of a plugin.

Can I not add a custom link to each item separately?

[Lely]

Hello There,

When I check this page:http://supernormaltemp.bloodandgold.com.au/our-work/ above CSS is not added. I tried to add on the browser this is how it works:http://screencast-o-matic.com/watch/cDl3h6QtS7

Regarding custom link, please check their documentation for guidelines:http://theme-one.com/docs/the-grid/

Hope this helps.

[Super]

Yes I removed the CSS because it wasn’t doing it correctly.

I’ve re-added it, and still it doesnt do what your video is doing.
It makes the text black but the background is still dark and not white.

Also, I’ve been trying to read the documentation for the grid to work out how to make an external link and it still doesnt seem to work. Can you let me know which setting I need to turn on to make each item link to a different custom link?

[Rad]

Hi there,

I believe all of this are given and provided in the knowledge-based of Essential Grid plugin. Though right, we provided The Grid’s documentation. Sorry for the confusion.

You may check it here

https://www.themepunch.com/essgrid-doc/essential-grid-documentation/ (Scroll down until you find Links section). Or simply click these links,

Link to Post
Auto-link a Button/Icon to the Grid Item’s Post
Link to Custom URL
Link to specific URL’s with Custom Meta Data
Link entire Grid Item
Attach a link to the entire Grid Item

As for more customization, you may want to use the Skin Builder and control the colors and styling you wish to implement.
https://www.themepunch.com/essgrid-doc/item-skin-editor/

Thanks!

[Author]

Posts