1. EFH
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 03 December 2018
  5.  Subscribe via email
Hi there,

How do I make the Slide Title and Slide Caption on the Slideshow as follows:

Cell phone: portrait - no wording

Cell phone: landscape - wording smaller for the title and caption but up a bit as it seems to be at the end of the image

Desktop: up a bit as it seems to be at the end of the image

Site: http://www.overcomer.com.au

Thanks in advance
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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

.layerslideshow .info {
justify-content: center;
}
@media only screen and (max-width: 767px) {
.layerslideshow .item h2 {
font-size: 40px;
margin-bottom: 0;
}
.layerslideshow .item .caption {
margin-top: 0;
}
}
@media only screen and (max-width: 440px) {
.layerslideshow .item h2 {
display: none;
}
}


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

I can't seem to see the slide caption - cell phone landscape, how do i fix this?

Thank you!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Try reducing the following (440px) in the suggest CSS until you get the desired result...

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


Ciaran
  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!