How can I change the button's slideshow (arrows, play/pause) in CSS?

[nuriaruiz]

Hi,

I would like to change the design of the arrows and play/pause button of the slideshow to a something more simple and out of the picture area.

I´ve seen some posts but they didn´t work with my website.

nuriaruiz.weebly.com

Thanks

Núria

[Adam7]

What kind of look did you want for the buttons, @nuriaruiz?

[nuriaruiz]

Thanks for your time Adam.

Actually I would like to hide the buttons (I know that this is possible to do by changing the settings) but then the clicking options are disabled and you can not switch into the next picture. 

If this is not possible to do with css or code, then I would like to have a simple  <  and  >  (black or grey) out of the pictures to not disturb them, and also remove the play button because I don't need this option.

Looking forward to hear from you.

Thanks!

Núria

[Adam7]

Oh, ok. That should be possible with CSS, I would think. Try something like this in the Header Code field for that page on the Pages tab (under SEO Settings):

<style>
	.wslide-button
	{
		opacity: 0.0 !important;
	}
</style>

It won't do anything in the editor, but it should make the next and previous buttons invisible but clickable on the live site.

[nuriaruiz]

Hey Adam! Thanks a lot. It works good but you have to click exactly on the hidden button and it's difficult to find it if it's invisible. Is there any possibility to change into the next page by clicking in any part of the picture or half part of the picture for left and half part for right? (Like if the buttons were bigger?)

Thanks!

Nu

[nuriaruiz]

Hey Adam! Thanks a lot. It works good but you have to click exactly on the hidden button and it's difficult to find it if it's invisible. Is there any possibility to change into the next page by clicking in any part of the picture or half part of the picture for left and half part for right? (Like if the buttons were bigger?)

Thanks!

Nu

[Bernadette3]

Hi @nuriaruiz I'm not sure if that is possible but Adam will be back in a few days and we can check with him then. In the meantime, perhaps someone else on here has a suggestion for you.  

[nuriaruiz]

Hello Bernadette!

I didn´t receive any response yet. Did you check this with Adam? 

I post the original question here:

It works good but you have to click exactly on the hidden button and it's difficult to find it if it's invisible. Is there any possibility to change into the next page by clicking in any part of the picture or half part of the picture for left and half part for right? (Like if the buttons were bigger?)

Thank you!

Núria

[Bernadette3]

Apologies for the delay! Let me check to see if he can take a look. If Adam is not available there should be another user on here that has some input for you. Thanks!