jjaina Posted July 2, 2020 Share Posted July 2, 2020 (edited) 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 } Edited July 2, 2020 by jjaina 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
Create an account or sign in to comment
You need to be a member in order to leave a comment