Carousel Dots not aligned correctly

  • Resolved wachilt

    (@wachilt)


    1 year, 6 months ago

    Hello,

    I’m using the free version of Team Builder for a small business website. Everything works as expected except the carousel dots. From what I can see from the demo and examples these dots should be horizontal and centred underneath team photographs. On my website they are left aligned and vertical (dots on top of each other instead of side by side. Can someone take a look at this and tell me what the problem might be? I’ve checked the code (I use a custom framework) but can’t see anything in my code that may be clashing with that of the plugin.

    Thanks & kind regards

    J

    • This topic was modified 1 year, 6 months ago by wachilt. Reason: typo
    • This topic was modified 1 year, 6 months ago by wachilt.
    • This topic was modified 1 year, 6 months ago by wachilt.

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

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

    (@wachilt)

    My apologies.

    Found the issue… in my own CSS! A clash between some modified Mailchimp CSS and that of the plugin. Removed this and all is well.

    Issue resolved – and lesson learned. ??

    Praveen

    (@praveenmalav09)

    Hi @wachilt,

    Use this custom CSS

    #wpsm-carousel-one .owl-dots{ margin: 0 50%; display: inline-flex;}

    Thanks

    Thread Starter wachilt

    (@wachilt)

    Hi @praveenmalav09,

    Thanks for the response and solution. However, I decided to just modify the Mailchimp CSS that caused the issue in the first place. Team Builder now works without error. ??

    Thank you.

    Praveen

    (@praveenmalav09)

    Hi @wachilt,

    Glad that your issue has been resolved. If you like our plugin then please rate us.

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Carousel Dots not aligned correctly’ is closed to new replies.