Joomla Templates Club 406,261 posts

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1011350

The "owl Slideshow" that leaves a large space underneath in responsive view (please see attached screenshot).

Please advise how to reduce on resize with @media query.

Many thanks

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1011531

Hi,

You can try with this tweak:

• Go to file: ROOT/templates/ja_events_ii/css/custom.css (create this file if it doesn’t exist)
• Add this rule:

  @media (max-width: 480px) {
  .owl-carousel .owl-item {
  height: 194px;
  }
  }

Or change the value which suits your need.

Regards

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1011633

Hi Saguaros,

Thank you for your response.

Ok I have added a set of media queries which will adjust the height of the slideshow as the viewing devices gets larger/smaller, see below for example…

    @media (min-width: 1200px) {
    .mwotyss .owl-carousel .owl-item {
    height: 850px !important;
    }
    }

    @media (min-width: 1400px) {
    .mwotyss .owl-carousel .owl-item {
    height: 850px !important;
    }
    }

    @media (min-width: 1600px) {
    .mwotyss .owl-carousel .owl-item {
    height: 1050px !important;
    }
    }

On our homepage, there’s a few different modules which are using the "owl slideshow", I only want these media queries to apply to the slideshow with images (at the top), so I’ve set a custom class on the slideshow called ".mwotyss" , however it doesn’t seem to have applied to the slideshow module. I’ve checked the module in the backend and the custom class is in the Module Class Suffix field… Am I missing something??

Please can you advise as soon as possible.

Many thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1011985

Hi,

Pls note that in the module class suffix option, you should put a SPACE and followed by class name (without a dot).

With being said, you should put mwotyss in that field.

Kindly check again.

Regards

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1012129

Hi @saguaros,

Thank you for your response.

Yes, I’m using " mwotyss" (with a space with no dot) in the Module Class Suffix, please see here – http://prntscr.com/eb0at6

Please advise.

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1012332

Let me know the modification you want to apply to the slideshow so I will check for you.

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1012456

Hi @saguaros,

We’re trying to reduce the spacing below the slideshow when it’s been resized for mobile/smaller devices.

Please advise.

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1012739

Hi,

Did you change the URL of your site? as it doesn’t work now.

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1012811

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1013029

Hi,

The module doesn’t get the module class suffix, I just added this code:

<?php echo $params->get('moduleclass_sfx','')?>

to this:

<div class="acm-slideshow bg-slideshow <?php echo $params->get('moduleclass_sfx','')?>">

in the file: ROOT/templates/ja_events_ii/acm/slideshow/tmpl/style-owl.php

and it works now.

Kindly check.

[romolo Friend romoloJoin date: August 2012Posts: 585Downloads:97Uploads:37 Thanks: 79 Thanked: 23 times in 11 posts]

#1013048

Brilliant – Many thanks @saguaros

Any ideas why it wasn’t using the module class suffix?

Thanks again.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1013056

I will check with the default template whether the override of this module missed that part or not. If yes, we will update into template.

Have a nice day!!!

[Author]

Posts