Round image corners The Grid

[Marcus08]

Hi there,

I want to make the top left and top right corner rounded (radius 10px). The overlay is working but I can not get the image top left and top right corner rounded.

How can I achieve this?

Thx in advanced.

[ruenel]

Hello Marco,

Thanks for writing in!

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.tg-layout-masonry .tg-wildenberg-skin-advocaten .tg-item-media-inner {
    border-radius: 10px 10px 0 0 !important;
}

We would love to know if this has worked for you. Thank you.

[Marcus08]

Hi RueNel,

Thx for your reply. This works great, thx!

I was wondering why you can style the overlay (with round corners) and not the media corners via The Grid Skinbuilder?

Anyway thx for your help!

Grtz Marco

[jade]

Hello Marco,

It could be that there is a CSS code or a setting somewhere that overrides the setting in the skin builder that is why you need to apply a CSS code that targets the actual container and adds the rounder corners.

However, this is something that we can only confirm if we will be able to login on your site and check it since we are not sure about the setup of your site’s admin area.

Hope this helps.