Essential Grid round corners and overflow

Support
#1

Hello everyone,

i got two questions about the use of Essential Grid:

  1. Is it possible to round the media-corners? I use a Masonary Grid with a custom built skin, but i couldn’t find the option of rounding the corners.
  2. I would like to display content above and below the media item. I tried using Dropzone-elements and relocating them with margin. But when displaying the Grid on the page, it is cut …

You can view an example here: www.fachschaftmedizin.de/test . The password is start1234

Thank you very much in advance!
David

#2

Hi David,

  1. Possible with custom CSS. Please try add to edit the skin, then add the following custom CSS:
.esg-entry-media-wrapper {
    border-radius: 14px; /*Adjust this value accordingly*/
}

2.) I have check via chrome inspector and can’t see which settings is wrong. We might need to see your actual EG skin setup. Can you share credentials inside a secure note?

It might or might not possible depending on how it is setup.

#3

Hi Lely,

thanks a lot for your help with problem 1. Regarding problem 2 - i can’t provide you login-details due to privacy policies, but i exported my custom skin. You can find a link to it in the “Secure Note”.

#4

Hey David,

To fix the cut off issue, please add the following code in the Theme Options > CSS:

body .eg-fs-main-element-1 {
    padding: 0 0 15px 5px !important;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

#5

Hi Nabeel,

this wasn’t the solution i was looking for. My problem is, that i want the dropzone-elements to be displayed outside the media.
I figured it out by myself.
For anyone else who wants to do it:

  1. Custom-CSS:
    .esg-entry-cover{
    overflow: visible !important;
    }

  2. Add a Padding to your full item in the layout composition.

  3. Now you can easily place the dropzone-items outside the media

#6

Hi David,

We’re glad you figured it out and thank you for sharing the solution with us.

Cheers!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.