[Bryan CParticipant]

Hi,

I’m playing around with using Essential Grid to create a better photography portfolio gallery. The test page I’m working on is here: http://www.cooperandohara.com/portfolio/people

I know Essential Grid is a third-party plugin included in the theme so I’m not sure you can easily help, but hear me out. What I’d like to do is change the default skin of the lightbox essential grid uses. I figured out, with css, how I can change the background colour but it still doesn’t look as good as hoped. I was hoping to swap out the default with the pre-existing iLightbox or whatever other lightbox skin is included in X Theme.

Can I do this in the custom JavaScript section of the customize area of X Theme appearance? I like either the light or light metro skins and want to give that a go. Hoping it doesn’t effect functionality/speed either. Any advice would be much appreciated. Thanks!

(If you can’t help, is there anyway for me to get support from Essential Grid if it’s a bundled plugin?)

[LelyModerator]

Hi Bryan,

We can help if it’s minor changes like some custom CSS. Do you want some thing like this:http://screencast-o-matic.com/watch/cDnnQUhLoA

Please do add the following custom CSS:

.esgbox-overlay {
    background-image: none;
    background: rgba(255,255,255,0.8) !important;
}

Using javascript would be custom development and it is outside the scope of our support. Please try above or clarify what you want to change. We will change if it’s possible with some CSS adjustment.

Always,
X

[Bryan CParticipant]

Thanks for the reply! It’s definitely closer. One elemement that I really wanted to incorporate was having a white border/frame around the image. Is that possible with css? Is is also possible to turn off the shadow or reduce the amount of it?

Thanks again!

[DarshanaModerator]

Hi there,

Could you please try adding the following CSS rule also into your Customizer, Custom > CSS area.

.esg-entry-cover .esg-overlay {
    border: 1px solid #ffffff;
}

I couldn’t locate any shadowed area on your images. Could you pleas provide us with a screenshot, so that we can assist you on that.

Thanks!

[festifly-adminParticipant]

hello,

Hoping you could help. When I customize a skin it becomes my default skin. I have no problem with this because I know that the skins are fully customizable and I can alter it to my liking. My problem is (and I don’t know if this is purposeful but it’s really inconvenient) when I modify said default skin it changes the parameters for the other grids that I have used that skin for and vice versa. So my question is – Is there a way I can use one skin for multiple grids and modify said skin for each grid according to my specifications without it automatically changing the parameters set forth in previous grids?

[ChristianModerator]

Sorry but that is not possible. You should duplicate the skin you want to modify. See http://essential.themepunch.com/documentation/#item_skin_editor for more details.

Thanks.

[Author]

Posts