Recent
Categories
View Replies (5)

London homepage slideshow

  1. Issue
0
Votes
Undo
  1. Iankellett
    Iankellett
  3. Commercial Templates
  4. Sunday, 19 February 2017
  5.  Subscribe via email
Well hello again Ciarán

Am rebuilding the website for solwaycrafts.co.uk using nicehere.co.uk as a place to play around with your London template.

The slideshow on the London template works beautifully until I display it on a 27" iMac with a 16:9 screen format.

Any slide shown then crops so that the format becomes something like 16:3. Trying to accommodate this by cropping the images or pasting them onto a gaussian background takes away the impact when viewed on other devices.

Is there a way of deleting the cropping or limiting it to say 16:7?

Kind Regards
Ian

Looking forward to visiting your part of the world again by the way.
References
  1. http://www.nicehere.co.uk
  1. j51 slideshow
  2. London
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ian

Presuming I understand you correctly to amend try adding the following to the Custom CSS field of your templates parameters...

@media only screen and (min-width: 1024px) {

  .layerslideshow .img-fill {

    height: auto;

  }

  .layerslideshow .img-fill img {

    max-width: 100%;

    min-height: 0;

  }

  .layerslideshow .info {

    height: auto;

    line-height: 20em;

    max-height: 0;

  }

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Iankellett
Iankellett
Accepted Answer Pending Moderation
0
Votes
Undo
Many thanks.

It's a Sunday. Day off. Go and watch The Voice or.....ah. Yes, may as well do some work.

Thanks again big man

Ian
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Iankellett
Iankellett
Accepted Answer Pending Moderation
0
Votes
Undo
Hi
It now works beautifully on my 15.4" MacBook pro and acceptable on my 21" iMac.
Unfortunately nothing has changed on the 27" iMac. Is the iMac doing something with anything larger than 1140px?
The issue also occurs on your template styles, so I may simply put long thin formatted stuff on the slideshow with all the interest in the top two thirds of the frame.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Iankellett
Iankellett
Accepted Answer Pending Moderation
0
Votes
Undo
Sorted, and I should have worked it out for myself before bothering you. I simply modified the max height in the slideshow settings to 900 which, while it doesn't quite reveal the whole image on the 27" iMac, it does make the crop more acceptable.
Attachments (1)
Screen Shot 2017-02-19 at 23.17.38.png Screen Shot 2017-02-19 at 23.17.38.png
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Ah nice one.. thank you Ian for sharing your solution.

The world falls in to place once we manage to avoid the likes of 'The Voice'.. ;)

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok