PA Carousel widget

  • Resolved planetboris

    (@planetboris)


    2 years, 8 months ago

    Hi, hope you can help me today (URL not yet live) I am using the CSS listed below with PA Carousel, to adjust the arrows for the mobile view. It worked perfectly except that the CSS that I wrote in one carousel (A) is affecting another carousel (B) I have on the same page. This would be fine but the problem is carousel B needs a different setting for the position of the navigation arrows because it has different size image dimensions. I can’t make separate adjustments to each carousel. I believe this is because of the use of “!important” in the CSS, which is known to sometimes cause issues. I need to target an additional class I think, to avoid using “important. Would you be able to help me? Thanks and best regards (please see image link) https://imgur.com/a/CzIEY5o

    @media (max-width: 500px)
{.elementor-widget-premium-carousel-widget .carousel-arrow {
  margin-top: 23% !important;
}
}
    • This topic was modified 2 years, 8 months ago by planetboris.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Leap13

    (@leap13)

    2 years, 8 months ago

    Hi @planetboris

    You just need to navigate to your targeted carousel widget settings -> Advanced tab, add a CSS ID. For example “my-carousel”, then replace the code above to be:

    @media (max-width: 500px){ 
    #my-carousel .carousel-arrow {
        margin-top: 23% !important;
      }
}
    • This reply was modified 2 years, 8 months ago by Leap13.
    Thread Starter planetboris

    (@planetboris)

    2 years, 8 months ago

    I just tried it out and it works! Thanks very much, it was an important part of the design and now I can adjust all the other carousels. Thanks for the quick response and an easy solution. I learn more about CSS everyday thanks to you guys. Premium Addons is the best carousel solution for Elementor. Its a bit tricky to get your template setup correctly, but once it is done the carousel works beautifully. Thanks again PA team, cheers!

    Plugin Author Leap13

    (@leap13)

    2 years, 8 months ago

    @planetboris You can’t imagine how much I’m glad that I managed to help you 🙂

    It would be really appreciated if you could rate Premium Addons. This would really help us!

    Regards

    Thread Starter planetboris

    (@planetboris)

    2 years, 7 months ago

    Yes, already rated 5 stars! How much do you charge for custom work? For example I need to add an animation for a homepage preloader, which should run just one time per website visit. I have been considering using loftloader but looking for alternatives. I already have the license for a preloader animation (CSS) from codepen. Thanks

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘PA Carousel widget’ is closed to new replies.