Page 1 of 1

Carousel forward/back arrows not showing

Posted: Mon Mar 18, 2019 5:12 pm
by gasconman
Hi,

I have several carousels on my new responsive site and all works well except for the fact that I just cannet get 'Next' and 'Previous' navigation buttons to show. They show on the 'RAW' page within WB (while designing) but disappear when viewed in any browser.
See http://www.painting-photography-france. ... -pete.html.

ALSO, in Chrome and Firefox, the height of the Carousel alters with each change of image at 970 pixels. This doesn't happen when the page is at 480 pixels

Is there some trick I've missed in both cases?

Thanks in advance

Re: Carousel forward/back arrows not showing

Posted: Mon Mar 18, 2019 5:48 pm
by Pablo
Unfortunately i cannot see what you have done or figure out your settings based on the HTML code.
To be able to help you, I need the project file.

See also:
viewtopic.php?f=10&t=82134

Re: Carousel forward/back arrows not showing

Posted: Tue Mar 19, 2019 8:17 am
by gasconman
Thank you very much, Pablo. I uploaded the site to the server yesterday and I have had negative feedback from friends on both these issues.
I have uploaded a copy of the site with irrelevant pages deleted and you will find that here
http://www.painting-photography-france. ... -pablo.wbs

Re: Carousel forward/back arrows not showing

Posted: Tue Mar 19, 2019 8:45 am
by Pablo
In the properties of the Carousel, the navigation is not enabled.
Please make sure 'Enable navigation buttons' is checked.

Also, the aspect ratio of each image is different, the Carousel adapts itself to its contents.

Re: Carousel forward/back arrows not showing

Posted: Tue Mar 19, 2019 9:22 am
by gasconman
Thanks, but unfortunately, I think you must have looked at the one page where I hadn't enabled those buttons! If you look at the Home page, where the navigation buttons are enabled, you will see the problem, as per these screen grabs.
http://www.painting-photography-france. ... /in_wb.jpg
http://www.painting-photography-france. ... chrome.jpg

Thanks for the answer on the image sizes, I will standardise all those.

Re: Carousel forward/back arrows not showing

Posted: Tue Mar 19, 2019 10:18 am
by Pablo
On this page you have specified a custom image. But the image does not exist (at least not in the project you have shared).
If you meant to use the built-in images then please clear the filename input field or make sure the path is valid.

Re: Carousel forward/back arrows not showing

Posted: Tue Mar 19, 2019 1:10 pm
by gasconman
I don't understand. If the image doesn't exist, how can it possibly show up on the WB design page? As here Image (this is a screenshot from the copy project I sent you)

The reason I tried using those arrow images (imported from another WB version) was because the default ones didn't show and I thought these were more obvious.

Re: Carousel forward/back arrows not showing

Posted: Tue Mar 19, 2019 1:44 pm
by Pablo
If the image doesn't exist, how can it possibly show up on the WB design page?
Because if WWB cannot find the image then it will fallback to the default image. However, the browser needs a valid path.

To use the build-in 'bootstrap' arrows, please use '<' and '>' in the file name fields.

Re: Carousel forward/back arrows not showing

Posted: Tue Mar 19, 2019 2:43 pm
by gasconman
I've done that (see the left hand Carousel), but the arrows still don't show when published locally or on the server
http://www.painting-photography-france. ... arrows.jpg
which is the problem I had at the beginning and why I tried to use different indicator images.

Here is a copy of the pared down website I sent to you with those changes made to the l/h Carousel.
Plus you can see that I also took out most of the images from the carousels and left a couple of blanks.
You can see the Previous/Next images on the blank pages, but as soon as a photo loads, it hides them.
You can also see that default Previous/Next arrows on the left carousel are almost invisible against a light background
http://www.painting-photography-france. ... ablo-2.wbs

By the way, those Previous/Next images are definitely on the server - in the root directory and in 'Images'
Image

Re: Carousel forward/back arrows not showing

Posted: Tue Mar 19, 2019 3:41 pm
by Pablo
I think it is related to the way you have implemented the image Carousel.
You can add the image as (full width ) image objects, so it covers the arrows.
If all you want to do is create an image carousel, then better use background images (in the carousel slides) or use a standard image slideshow instead.
Or you can also add padding so there is space for the arrows on both sides.

Re: Carousel forward/back arrows not showing

Posted: Tue Mar 19, 2019 3:44 pm
by gasconman
OK, great. That gives me something to consider. Thank you for you time and trouble.
What a brilliant piece of software WBB is :o