Okay
  Public Ticket #3731953
Many Problems after Kalium Upgrade
Closed

Comments

  •  2
    Jens started the conversation

    Hi there,

    Unfortunately, after upgrading to Kalium 4, I noticed that most of the website was no longer displayed correctly.

    I have now been able to eliminate most of the problems with the help of CSS. Only the display of the news on this page:
    https://www.kristinasellmayr.com/alle-news/
    does not work correctly. The individual posts are displayed overlapping. Only a reload of the page solves the problem.

    I hope you can help me with this.

    Best regards,

    Jens Hoffmeister

    Attached files:  Bildschirmfoto 2024-09-25 um 10.36.02.png
      Bildschirmfoto 2024-09-25 um 10.29.18.png

  •  1,559
    Laborator replied

    Hi Jens,

    Please share your website login credentials so I can test this. To safely include your credentials you can create a temporary login without a password (see how).

    P.S. Make sure to set your ticket to private when replying.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   Jens replied privately
  •  1,559
    Laborator replied

    Hi there,

    The problem is coming from Custom CSS, which when removed fixes your issue. I have removed it for the moment so you can add it again but just so you can notice where the problem is coming from.

    #main-wrapper {
    	min-height: calc(100% - 132px);
    }
    
    
    
    .wpb_wrapper .newslist.kalium-wpb-blog-posts .post-format-icon,.wpb_wrapper .newslist.kalium-wpb-blog-posts .post-hover, .newslisthome article .post-hover  {
        display: none !important;
    }
    .scroll-to-top {
    	opacity: 0.7;
        --k-button-bg: #9d2e49 !important;
    }
    .scroll-to-top:hover {
    	opacity: 1;
    }
    
    .blog--has-sidebar .newslist .blog-posts .post-item.columned .post-thumbnail {
       -webkit-box-shadow: none;
        box-shadow: none;
    }
    
    .wpb_wrapper .newslist.kalium-wpb-blog-posts article {
        background-color: #fff;
        -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.05);
        box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.05);
    	}
    .wpb_wrapper .newslist.kalium-wpb-blog-posts article:hover {
        -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.20);
        box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.20);
    }
    
    .wpb_wrapper .newslisthome.kalium-wpb-blog-posts article {
        background-color: #fff;
        -webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.05);
        box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.05);
    }
    .wpb_wrapper .newslisthome.kalium-wpb-blog-posts article:hover {
        -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.20);
        box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.20);
    }
    .wpb_wrapper .newslisthome.kalium-wpb-blog-posts article .post-details {
    	padding: 0 30px 20px;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    Jens replied

    Thanks, Art,

    It looks much better, but the problem still occurs from time to time, as you can see on the attached screenshot. However, I had also reactivated all plugins since the site is live. You are welcome to deactivate them temporarily, but please reactivate them so that the site doesn't only work halfway for hours.

    Best regards,

    Jens

    Attached files:  Bildschirmfoto 2024-09-25 um 17.37.59.png
      Bildschirmfoto 2024-09-25 um 17.39.30.png
      Bildschirmfoto 2024-09-25 um 17.41.17.png

  •  1,559
    Laborator replied

    Hi Jens,

    Thank you for your understanding, and I apologize regarding the plugin deactivation, forgot to re-activate them. I’ve had a busy day and some lack of sleep today.

    I checked the issue again, and I found that removing the custom CSS you’ve added resolves the problem entirely. It seems that there may be something in that CSS causing the errors you’re experiencing. I recommend reviewing the CSS to identify any specific styles that could be causing conflicts.

    Just make sure you disable the caching plugins when doing it as they may delay the results you view.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    Jens replied

    Thanks again!
    And yes, I can imagine that you have a lot of work right now. I'll take another close look at the custom CSS code and try to find the problem here.
    Best,
    Jens