Carousel Update Custom CSS issue

  • Resolved ndar

    (@ndar)


    3 years, 2 months ago

    Hi.

    About 3 months ago, I posted about customizing the colors of the backgrounds and text on my carousel cards. This custom CSS worked beautifully until I applied updates recently. Now, none of the custom CSS is working. Could you please help me get it back?

    Edited to add: It looks fine in Elementor edit mode, but not on the actual site.

    Thank you!

    • This topic was modified 3 years, 2 months ago by ndar.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter ndar

    (@ndar)

    3 years, 2 months ago

    Here is the CSS I have been using:

    .lae-posts-carousel.lae-classic-skin .lae-posts-carousel-item .hentry { background: #09162b; }

    with the Simple Custom CSS plugin.

    • This reply was modified 3 years, 2 months ago by ndar.
    • This reply was modified 3 years, 2 months ago by ndar.
    Plugin Author livemesh

    (@livemesh)

    3 years, 2 months ago

    We are not loading the CSS differently and hence the order of the load could have changed. This results in your CSS being overridden by the plugin CSS. If you change the CSS to –

    .lae-posts-carousel.lae-classic-skin .lae-posts-carousel-item .hentry { background: #09162b !important; }

    things should be back to normal.

    Thread Starter ndar

    (@ndar)

    3 years, 2 months ago

    Thank you! This definitely solved the CSS issue. I’ve also discovered that my title and title hover colors are not working (they were before the update). Wondering if you have ideas about what to do here? Clearly something is overriding my settings there, but I have no idea how to discover what that might be.

    Plugin Author livemesh

    (@livemesh)

    3 years, 2 months ago

    We have an issue with how the stylesheets are loaded on the page. Since the widget stylesheets are being loaded in the footer of the page and the custom CSS is being loaded in the header, we have the custom CSS being overridden by our widget styles.

    As per this thread – https://github.com/elementor/elementor/issues/3198

    this is how it works with Elementor at present and hence does not serve our needs well.

    We will try to see if there is a workaround for this and issue an update tomorrow. Thanks for reporting.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Carousel Update Custom CSS issue’ is closed to new replies.