Recent
Categories
View Replies (3)

Help with Florence Template

0
Votes
Undo
  1. PattiHorse
    PattiHorse
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 11 October 2015
  5.  Subscribe via email
I have 2 questions,

1. The images in the front page slideshow are magnified too large within the frame. What size or settings do I need to change so they appear regular size?

2. What are the options for the grid gallery On Scroll Animation?

Thanks!
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

1. By default the images of your slideshow have a background-size property set to 'cover'. This ensures that the slideshow will automatically fill the area provided regardless of the screensize. Because of this your images will be cropped either vertically or horizontally depending on the device. Changing this property will cause a 'letterbox' effect on your slideshow with blank space appearing either horizontally or vertically.

2. Examples of classes that can be used in the animate on scroll option can be found here... http://demo.joomla51.com/0124/index.php/features/animations-on-scroll

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
PattiHorse
PattiHorse
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran,
I will do some experimenting with size to try and get the effect I want.
Just to clarify, we are talking about the "header" option in the template styling area and not the separate J51 Slideshow module (which I have turned off), right? (vegas-slide). Is there a way to change the height of this showcase module?

Thanks again.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Yes that is correct.

You can set a specific height to your vegas slideshow by adding the following to the Custom CSS field of your templates parameters (edit to taste)...


#header_bg {

    height: 700px !important;

}


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


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