Docs

[Jeffrey S]

Hi X

I have a question about the Essential Grid plugin.

I want to make this page: http://jeffreyschout.nl/portfolio-grid look like this page http://jeffreyschout.nl/portfolio

1. ) how do I change the background color like the /portfolio page? I only figured out how to give individual ellements a backround but I want to change the color of the hole container.

2.) I’ve tried to add shadow like on http://jeffreyschout.nl/portfolio but only the “media” container shows a shadow. When i check on Both at: Layout composition -> Shadow -> Use Shadow -> I see no shadow at all.

Hope you can help me out.

Kind regards,
Jeffrey

[Rupok]

Hi Jeffrey,

Hope you are doing well.

#1. You can add this under Custom > CSS in the Customizer.

.esg-entry-content.eg-herbert-hoover-content {
    background-color: #f3f3f3;
}

#2. I can see shadow – http://prntscr.com/e8wgyn

If you want exact shadow like the other page then remove all shadow first and update us, we’ll provide you the code.

Thanks!

[Jeffrey S]

Hi Rupok,

Im doing pretty well, thank you for asking 🙂 How are you doing?

#1. Thank you it works!

#2. I see the shadow is appearing on Firefox but not on Google Chrome browser.
Alright I will set turn the shadow off.

Kind regards,
Jeffrey

[Friech]

This reply has been marked as private.

[Jeffrey S]

Looking forward to it! What will be the main new features?

Strange, i’ve already cleared the browsers cache, still not working… 🙁

[Rupok]

Hi Jeffrey,

It will be a blast with tons of new options. Let’s wait some days to get it in your hand. And I guess I got the issue fro Chrome. Let’s try this CSS :

.esg-grid .mainul li.eg-herbert-hoover-wrapper {
    -webkit-mask-image: inherit!important;
}

Cheers!

[Jeffrey S]

Hi Rupok,

Thank you for your message. Ive added the custom css but unfortunately its still not working 🙁

Kind regards,
Jeffrey

[Nabeel A]

Hey Jeffrey,

Can you please share some screenshots of the issue so we can take a closer look?

Thanks!

[Jeffrey S]

This reply has been marked as private.

[Rad]

Hi there,

Please add this CSS

.esg-grid .mainul li.eg-herbert-hoover-wrapper {
-webkit-mask-image: url(jeffreyschout.nl/) !important;
}
.esg-overflowtrick {
overflow: visible;
}

Hope this helps.

[Jeffrey S]

Thank you Rad!

It works perfect in Google Chrome, but still not in Firefox… is there any way to fix that?
Have a nice weekend 😀

Kind regards,
Jeffrey

[Nabeel A]

Hi again,

I went ahead and added the following code in your Customizer:

body .esg-grid .mainul li.eg-herbert-hoover-wrapper {
    -webkit-mask-image: url(jeffreyschout.nl/) !important;
  	box-shadow: 5px 5px 5px 0px rgba(28,28,28,0.32) !important;
    -moz-box-shadow: 5px 5px 5px 0px rgba(28,28,28,0.32) !important;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(28,28,28,0.32) !important;
}

It’s working on both browsers, please clear your browser’s cache and check the page again.

Cheers!

[Jeffrey S]

Yeaaaahhh, youre awesome. Thank you.

Enjoy your weekend Nabeel.

Kind regards,
Jeffrey

[Rue Nel]

Hey Jeffrey,

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

Regards.

[Author]

Posts