1. bludove
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 11 May 2017
  5.  Subscribe via email
Is there a way to control the size of the images in the header slideshow? What size are they? I see that the size is being set to cover and it order to get them to look good on desktop I had to fuss with what size I needed to output them.

On mobile they don't adapt much and you can't see the images. How can I make the images shrink / scale on mobile?

If you can point me in the direction of which CSS that would be most helpful b/c I haven't been able to figure it out through firebug.

Thanks!
Lisa
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Lisa

Would you have a URL to an example of your slideshow?

The reason for setting the background image to cover was to ensure the image fills the screen on all devices when the full screen header is enabled.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Lisa

If you wish your current image to all display the full width of your image you can add the following to the Custom CSS field of your templates parameters..

#header_bg {
background-position: 50% 0 !important;
background-size: 100% auto !important;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • 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.

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