#130788 Listiong Grid shows incorrectly

Landing Forums JupiterX WordPress Theme Listiong Grid shows incorrectly

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • Denes

    Hi,

    The listing grid on this site shows incorrectly. In the Elementor editor everything is fine but on the frontend not.

    Please help me with this.

     

    Regards,
    Denes

     

    Mohsin Al-Rabieai Support Team

    Hi Denes,

    It’s probably a minor bug in Elementor and causes by wrapping your description text inside a <p> tag. I tried to find a way to fix it quickly, but apparently, it’s out of our hands since it’s all related to Elementor. I recommend you to add this CSS fix in Customizer -> Additional CSS to fix this issue:

    .elementor-flip-box__layer__description p {
        color: #00259A;
    }

    Bests

    Denes

    Thank you Mohsin. Working fine.

    Alexander Hutsol Support Team

    Hello,

    You are welcome.

    Feel free to create a new topic if you have any other questions.

     

    Regards.

    Denes

    Hi,

    I’m sorry it was a mistake. Unfortunately the solution is only partyal.

    Please look in the Elementor editor version of the grid. It looks different than the actual frontend. It seems some style is ignored.

    Regards,
    Denes

    Mohsin Al-Rabieai Support Team

    Hi Danes,

    Sorry, you are right. The issue here is probably a conflict with the Elementor Pro flip box and Jet Engine listing grid. I’m not sure how to fix this permanently since both of them are third-party plugins and we are not the authors of them. However, I can help you with CSS fixes. I provided this CSS fix from a copy of your flip box on another page, so it should be working just fine.

    .elementor-flip-box__front .elementor-flip-box__layer__description {
        color: #00259a;
        font-family: "Raleway",Sans-serif;
        font-size: 21px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 1.1em;
    }
    
    .elementor-flip-box__front .elementor-flip-box__layer__title {
        margin-bottom: 7px;
        color: #00259a;
        font-family: "Raleway",Sans-serif;
        font-size: 17px;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0;
    }

    Best regards

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.
Login