hiding carousel prev/next buttons on a specific page
-
Hey!
I have the prev/next buttons for the carousel set to be on the outside of the slider, but on some pages where I have the carousel automatically sliding between photos I would like to use some custom CSS to either get rid of them entirely or just to pop them within the frame of the carousel itself. I used to have them on the inside as the universal setting but just changed them to be on the outside for better visibility, but now they are making my home page look funky and overlapping since I have two carousels right next to each other.
My home page is the main area where I'd like to make this change: http://www.miramoore.com/ (also http://www.miramoore.com/home/)
Thanks so much!
-
https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page
sure!
body.slug-home .flickity-prev-next-button{ display: none!important; }
lmk if it worked!
-
@arminunruh That worked, thank you so much for the quick reply!
-
This post is deleted!
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it