WPbakery – Blog Masonry and Grid – posts are invisible

  • The posts on my blog page are invisible. I can still click on them and it sends me to the right place, so they are still there, you just can’t see them.

    They are linked by category.

    It happened after I did some updates and now can’t figure out where the problem is.
    I tried updating everything again and disabling the smash plugin and a few others to see if it would change anything, but no luck.

    Any help is much appreciated.

    Thank you in advance =)

    • This topic was modified 2 years, 4 months ago by countricardo.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    You’re using a commercial/premium theme/plugin, so please use their official support channel. We feel they are best equipped to support their products.

    https://support.wpbakery.com/

    Commercial products are not supported in these forums.

    I found that there is a css property that is making all posts invisible, check the file main.min.css on the line 18768 and comment the opacity:0; line and check again by refreshing and using ctlr + f5 (to delete chached files).

    This is the code that you should see:

    .blog-shortcode .wf-cell,
.blog.layout-grid .wf-container.description-under-image .wf-cell,
.grid-masonry .wf-cell,
.iso-grid .wf-cell,
.iso-item,
.portfolio-shortcode .wf-cell,
.shortcode-blog-posts .wf-cell {
 opacity:0
}
    Thread Starter countricardo

    (@countricardo)

    thanks @sebaocano. I found the file main.min.css but there are no line numbers so I can’t find that line. How can I enable that so I can find the line.
    Also, to clarify, I don’t need to change anything, I just need to clear the cache in main.min.css?

    • This reply was modified 2 years, 4 months ago by countricardo.
    • This reply was modified 2 years, 4 months ago by countricardo.
    • This reply was modified 2 years, 4 months ago by countricardo.

    Ok, I have checked in your website, and it is normal to not have lines, because the file is written in just 1 line for optimization.

    I will suggest you to add this code as custom CSS, without the need to edit the main CSS file.

    Go to Themes > customize (on the current selected theme) > add custom CSS (at the bottom left) and then add this code.

    .blog-shortcode .wf-cell,
.blog.layout-grid .wf-container.description-under-image .wf-cell,
.grid-masonry .wf-cell,
.iso-grid .wf-cell,
.iso-item,
.portfolio-shortcode .wf-cell,
.shortcode-blog-posts .wf-cell {
 opacity:1
}

    As you can see it here, the opacity has value 1 (visible).

    Let me know if you need more help.

    Thread Starter countricardo

    (@countricardo)

    OK cool, Looks like after updating the PHP to 8.1 it now works, so all is good! Thanks for the help =)

    I would have never imagined that the PHP version has relation with this CSS problem, thanks for letting us know.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘WPbakery – Blog Masonry and Grid – posts are invisible’ is closed to new replies.