Forum Replies Created
-
Posts
-
Hi Andy,
I posted the link to the Home page in the private data section of my initial post. The site is behind htaccess login right now and is under development so you’ll need to use the info (also provided in the private data section of initial post) to view the site.
Visit the site I provided a link for previously and on the “Home” page (what will load when you access the link I provided), there is a “Full-Width Slider” layout builder element below the main navigation. Each “slide” within the slider has a caption that has two buttons added to it. The blue “View Site Plan” button in each slide is linked to an image. Currently, clicking on any of the “View Site Plan” buttons within the slider will load a lightbox gallery containing all of the slide’s caption button “View Site Plan” images. I need it to only load the single image from the specifically clicked on button.
Thanks,
ChrisThanks for the info/link, Andy, that recommendation to add ‘avia-gallery’ as a custom CSS class to the different sections of buttons on the “Brighton Mews of Park Ridge” page worked perfectly.
However, there is no way to add custom classes like this to the “Full-Width Slider” element’s captions so I tried adding it via javascript to each caption container via jQuery:
$(‘.avia-fullwidth-slider .slideshow_inner_caption’).addClass(‘avia-gallery’);
… and the buttons within each caption are still loading a lightbox overlay with the images from each captions’ buttons when I need them to be in separate lightbox overlays.
This is on the home page of the website I sent you previously and the buttons are in each of the slide’s caption areas named “View Site Plan”.
Is there another work-around for the slider?
Thanks!
