Recent
Categories
View Replies (4)

Reduce Layla Slideshow Width

0
Votes
Undo
  1. mortk1
    mortk1
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 02 August 2024
  5.  Subscribe via email
Hi Ciaran,

The slideshow photos on my client's Layla site stretch across the entire screen from left to right.
We want to reduce the width of the slideshow so that there is some white area on each side of the photos.
Can you send us some code to reduce the slideshow width?
Here is a link to the site:
Title

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

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

.layerslideshow {

    max-width: 1000px;

    margin-inline: auto;

}


(edit to taste)

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
mortk1
mortk1
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Your code works great...thank you!

Is there a way to remove those transition arrows at the bottom left of the slideshow?

Mort
  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
Hello

To amend also add the following to the Custom CSS field of your templates parameters ....

div.layerslideshow .layerslideshow-prev, div.layerslideshow .layerslideshow-next {

    display: none;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
mortk1
mortk1
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks, Ciaran...much appreciated.

Mort
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


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