Recent
Categories
View Replies (2)

Trinity Header Slideshow size of images

  1. Issue
0
Votes
Undo
  1. bludove
    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
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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!