Home>Support>Carousel items not vertically centered when put in the page footer

Carousel items not vertically centered when put in the page footer

By kmcmahon, 1 month ago. Last reply by Andrew Misplon, 1 month ago.

Hi,

You recently gave me some CSS to vertically center carousel items as on this page: https://www.brooklinechamber.com/about-us/annual-sponsors/

That is working great; however, when I insert this page into the footer widget using this code: [insert page=’annual-sponsors’ display=’content’] the carousel items are no longer vertically centered, as on this page: https://www.brooklinechamber.com/parking-transportation/

Any help appreciated.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 1 month, 11 days ago Andrew Misplon
    Hi, I Work Here

    Hi, if you add !important to the first rule that adds display: flex; to the slick-track class, it should work.

  2. 1 month, 10 days ago kmcmahon

    Perfect! Thank you!

  3. 1 month, 10 days ago Andrew Misplon
    Hi, I Work Here

    You’re welcome. Cheers.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More