Welcome Guest! Login
0 items Join Now

Owl Showcase image height inconsistent

    • Leo List's Avatar
    • Leo List
    • Rocketeer
    • Posts: 58
    • Thanks: 0

    Owl Showcase image height inconsistent

    Posted 1 year 2 months ago
    • Hi,

      I'm trying to get a slideshow ruuning on the Showcase particle in Anacron and am getting inconsitent image heights in the showcase window (see attached)

      If you need access to the site, the details of my previous post are still valid (apart from the PW that Reggie changed.


    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 96293
    • Thanks: 12733
    • Web Designer/Developer

    Re: Owl Showcase image height inconsistent

    Posted 1 year 2 months ago
    • Your slide textual content is inconsistent between the slides - hence the issue. So you can force it with this CSS:
      .g-owlcarousel-showcase .g-owlcarousel .g-owlcarousel-item-image {
         min-height: 60vh;
      Adjust the 60vh to suit your needs.

      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.

      Regards, Mark.

      p.s. putting textual content in the slide image is a bad idea (as you will see if you look in different viewport sizes).
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.

Time to create page: 0.088 seconds