Custom navigation arrows or different background colours

Hi,

I haven’t been able to locate the slideshow on your website, does your website have a page it’s currently on?

The custom style rules you’ve used look okay. Have you already set your slideshow to use this custom stylesheet?

Best regards,
Stefan

Hi Stefan,
Thanks for your quick answer!
Here is a page where I tried the first code:
https://lazuli-com.com/?projects=khao

The only thing I don’t get is there should be 2 different images: one for the left button and another one for the right button… is that right?
And we are just modifying one section of the code.

Regards
Sonia

Hi Sonia,

Thanks for the link to the page the slideshow is on. I see that the slideshow is still set to use the default stylesheet, not the custom one.

You can set the slideshow to use the custom stylesheet by going to the list with slideshows and then clicking on the slideshow oif which you want to change the style. The slideshow’s edit page then appears, where you’ll be able to find the ‘Slideshow Style’ block. Here you can select the style to use.

The slideshow’s default stylesheet uses ‘sprite images‘ for the slideshow’s buttons. This means that both the button to the left and the button to the right are on the same image, but styled so it looks as if they are two different images.

Best regards,
Stefan

Thanks Stefan,

Well, that’s what I’ve been doing:
in the the slideshow setting page, I went into the “by default settings” and then selected on the very bottom the custom style sheet I’ve just created from the drop down list…

(Everything is in French on my side so I’m not sure I have the exact same terms)

The default settings are the settings that a slideshow will have when it’s created, so those are not the settings you need to change.

You should change the settings of the slideshow you’ve already created.

OK Got it!! Sorry about that…
One more question: I think my image size is not right…
It doesn’t show up very well: https://www.amandawachob.com/portfolio/

What dimensions/resolution should it be?
Thanks

No problem.

I don’t seem to be able to find a slideshow on the page of the last link you sent.

Sorry here is the right one
https://lazuli-com.com/?projects=khao

You can set the slideshow’s buttons to be any size you like.

.slideshow_container .slideshow_button {
    margin-top: -20px;
    height: 40px;
    width: 19px;
    background: url('https://lazuli-com.com/wp-content/uploads/2013/09/arrow-01.jpg') no-repeat;
}

The height and width in the lines above determine what size the button’s clickable area will be. You should just play around with it for a bit, you’ll what every line does when you change it.

Hi ‘ve got this almost working well!
I managed to adjust the size but the right button has issues: first, the arrow is the same as the left one (pointing toward the left) and I don’t manage to get the right size for it.
If I increase the width in the code above then it disappear…. and if I decrease it it appears again but the button is way too small…
Any idea how I can fix this?
Thanks!

I got it ok now!
THanks for you help!!