Reduce Layla Slideshow Width

Votes

Undo

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

Accepted Answer Pending Moderation

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

more than a month ago
Commercial Templates
# 1

mortk1

Accepted Answer Pending Moderation

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

more than a month ago
Commercial Templates
# 2

ciaran

Accepted Answer Pending Moderation

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

more than a month ago
Commercial Templates
# 3

mortk1

Accepted Answer Pending Moderation

Votes

Undo

Thanks, Ciaran...much appreciated.

Mort

more than a month ago
Commercial Templates
# 4

Page :
1

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

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

Reduce Layla Slideshow Width

Site Links

Recommended

Join Our Newsletter