Problem with column after update

antarey

Here is the blog code
<div class="com-content-category-blog__items blog-items nsr-blog columns-3">
But instead of 3 columns, the site is generating 1 column

I can't provide access to the site. If necessary, I can provide a link to the backup.

saguaros

antarey Hello

I need a closer look at your setup to check it directly, you can share the super admin account of your site and URL of this blog page.

antarey

I wrote that this is problematic. I have set up a lot of protection there. Give me your email and I will send you a link to the backup

antarey

Additionally, animation for custom styles does not work.
.nsr-blog>div>div>.item:hover::after
Everything was great in the previous version

saguaros

antarey Here is mine: devnjoo@gmail.com

antarey

Sent.
If possible - download today - copies are overwritten

antarey

That's it, I temporarily fixed the situation

.nsr-blog {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.nsr-blog > * {
    flex: 1 1 calc(33.333% - 14px);
    min-width: 250px;
}
.nsr-blog>.blog-item {
    box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
    border-radius: 5px;
    padding: 4px;
    margin: 4px auto;
    position: relative;
}
for animation
....
.nsr-blog>div:hover::after

Without

.nsr-blog>.blog-item {
position: relative;
}

animation does not work

saguaros

antarey I got the file, let me check and get back to you.

saguaros

You can try with this custom CSS to fix it:

.blog-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin-right: -0.5em;
  margin-bottom: 1em;
  margin-left: -0.5em;
}
@media (min-width: 992px) {
  .blog-items.columns-2 > div {
    width: 50%;
  }
  .blog-items.columns-3 > div {
    width: 33.33333%;
  }
  .blog-items.columns-4 > div {
    width: 25%;
  }
}

antarey

saguaros
Thanks. Everything works great.!!!
Why doesn't it work without styles?

saguaros

antarey I wasn’t able to replicate the same issue on my development site, so I’ve shared this custom style to make it work correctly.

If you need any further assistance, just let me know! 😉