Masonry Post: Rounded Corners

Hi,

Please replace the css code with:

.av-masonry .av-masonry-entry.av-masonry-item-loaded * {
    border-radius: 10px;
}

Best regards,
Ismael

Hi,

Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your element and give it a custom CSS class (“my-custom-class” in example below) and then use the code as following

.my-custom-class .av-masonry-entry.av-masonry-item-loaded * {
    border-radius: 10px;
}

Best regards,
Yigit

• This reply was modified 7 years, 2 months ago by Yigit.

Hi,

We modified the custom css class attribute and the css code. It’s not working yet because the page is cached. Please remove the server and plugin cache.

Best regards,
Ismael

Hi,

Please ask your hosting provider if there is a server cache. We already change the custom css class attribute of the masonry element but in the frontend, it’s still using the old one so it’s cached.

Best regards,
Ismael

Hi,

Please edit the “collenctions” page and look for the Masonry element’s custom css class field. We added the “masonry-radius” class attribute there. However, we can still see the invalid css class attribute that you added previously on the frontend.

 .av-masonry-entry.av-masonry-item-loaded * {     border-radius: 10px; } 

This is how the masonry container looks on the frontend.

<div id="av-layout-grid-1" class="av-layout-grid-container entry-content-wrapper main_color av-flex-cells    avia-builder-el-2  el_after_av_submenu  el_before_av_section  .av-masonry-entry.av-masonry-item-loaded * {     border-radius: 10px; } submenu-not-first container_wrap fullsize">

The “masonry-radius” class attribute is missing. It should like the following code.

<div id="av-layout-grid-1" class="av-layout-grid-container entry-content-wrapper main_color av-flex-cells    avia-builder-el-2  el_after_av_submenu  el_before_av_section  masonry-radius submenu-not-first container_wrap fullsize">

I’m not sure what’s going on in your installation but the page is certainly cached.

Best regards,
Ismael

Hi,

Also, how do you know if the page is cached or not? If you tell me, I can point it out to my hosting provider the next time I contact them. Because they are telling me otherwise.

I explained it above. The masonry container is still using the invalid css class attribute value instead of the “masonry-radius”. Screenshot of the masonry’s custom css class attribute field and the actual masonry container markup in the frontend.

// https://imgur.com/a/9lIrT

Best regards,
Ismael

Hi,

I’m not sure how I can explain it any better. It is a cache issue. The page is not reflecting the changes in the page. Please hire a freelance developer to inspect the issue.

Best regards,
Ismael

Hi,

No, there is no bug in the theme. I have explained clearly above with screenshots but I don’t think you’re trying to understand it. Please hire a freelance developer to inspect the issue.

Best regards,
Ismael