Recent
Categories
View Replies (8)

Kinvara Layer Slideshows

  1. Issue
0
Votes
Undo
  1. deaksie
    deaksie
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 30 May 2018
  5.  Subscribe via email
Hi Ciaran
I'm creating a website based on your Kinvara template and want to use some of the same layout as you have on the demo server, i.e. a large image in showcase, with a caption over it, and then three smaller pictures underneath, also with captions.
My problem is that my smaller captions are not resizing and so are just falling off the module.
I've used individual modules of layer slideshow in positions Top 1A Top 1B and Top 1C
Is there a better way to do this and how do I get the captions to resize themselves please?
I enclose a screenshot as of course I'm taking the site down for now, but if you want access I can provide a login for you.
Many tahnks
Liz
Attachments (1)
lithifyscreenshot.png lithifyscreenshot.png
Responses (8)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Liz

For this area of the template demo we have used the J51 FlexGallery module which you will find is better suited for the smaller images.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
deaksie
deaksie
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you very much - I've switched to Flex Gallery as you suggested.
I'd like the captions to be always visible, rather than on rollover. Could you suggest some code to make this happen please?
Also, the little blue squares are going over the top of the sticky header, rather than behind. Please could you make it stop doing this please?
Many thanks
Liz
  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
Hi Liz

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.flexgallery figure figcaption {

    opacity: 1;

    transform: none;

}

.is-sticky #container_header {

    z-index: 1080;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
deaksie
deaksie
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

Thanks - I did that, but now I have the box which the caption goes in overlaying, but the caption itself only comes up if you roll over them.

Could you have another look please?

L
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Opps. Please also add the following...

.flexgallery figure h3, 

.flexgallery figure p {

	opacaity: 1;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
deaksie
deaksie
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

Thanks -that's all working now.

I just discovered one more glitch on this issue.

I'm using the Layer Slideshow on the homepage to show a picture with a caption over it - beautiful in desktop view but doesn't resize for a mobile, so the text disappears off to the side. Do you have any suggestions for this one please?
You can see what I mean at lithify.co.uk on a mobile device

Many thanks

L
  1. more than a month ago
  2. Commercial Templates
  3. # 6
deaksie
deaksie
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hiya,
I'm disabling the showcase for now as I will be out tomorrow and need to show people something that they'll look at on their smartphones.
Here's a screenshot of the problem taken on my S9
Have a good evening!
L
Attachments (1)
Screenshot_20180604-194522_Chrome.jpg Screenshot_20180604-194522_Chrome.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend you can add the following to the Custom CSS field of your templates..

@media only screen and (max-width: 767px) {

.layerslideshow-title {

    font-size: 18px;

    letter-spacing: 0;

}}


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


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