jjaina Posted July 2, 2020 Share Posted July 2, 2020 Site URL: https://mollyrees.com I have prev/next controls under my Carousel Gallery block, but when you click on them they do nothing. I'm not sure how I ended up with the prev/next instead of the arrows on the edge of each side of the carousel, but I do prefer them to the arrows so would like to keep them this way. Not sure why they are not working though. Clicking on a photo in the gallery does advance the photos, but I'd like the controls to also work in-case the viewer doesn't know to click on the gallery. Site is mollyrees.com and the page where they are not working is "Editorial" under "Photography" in the navigation bar. I have this custom CSS which added the prev/next controls under a slideshow on my blog. They are working correctly there - .sqs-gallery-controls { background-color: white; padding-top: 10px } .sqs-gallery-controls .previous, .sqs-gallery-controls .next { background-color: white; margin-top: 0; padding: 0 !important; line-height: 0; position: static; } .sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover { background-color: transparent; } .sqs-gallery-controls .previous::before, .sqs-gallery-controls .next::before { color: #2E2E2E; width: inherit; font-size: 12px; font-family: arial; } .sqs-gallery-controls .previous::before { content: "prev"; } .sqs-gallery-controls .next::before { content: "next"; } .previous::after { content: "/"; color: #2E2E2E; font-size: 7px !important; margin-left: 3px } Link to comment
tuanphan Posted July 5, 2020 Share Posted July 5, 2020 Hi. Have you solved it yet? If not, let me know. We can take a look. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.