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!
-
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!
-
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!
This post is deleted!