1. Iankellett
  2. Commercial Templates
  3. Sunday, 19 February 2017
  4.  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
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
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
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
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)
  1. more than a month ago
  2. Commercial Templates
  3. # 4
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!

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.