Title: Edit pagination css
Last modified: November 7, 2019

---

# Edit pagination css

 *  Resolved [minimaxpower](https://wordpress.org/support/users/minimaxpower/)
 * (@minimaxpower)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/edit-pagination-css/)
 * Hi !
    I want to edit the pagination of my slider. When I use the firefox editor
   my changes appears, but when i’m editing my child theme CSS, it doesn’t work.
 *     ```
       /* Pagination du Slider Home */
   
       #slider_154 .owl-item .sa_owl_theme .owl-dots .owl-dot span {
       	display:inline-block !important;
       	border-style:none !important;
       	background-color:grey !important;
       	width:10px !important;
       	height:10px !important;
       	border-radius:50% !important;
       	margin:0px 3px !important;
       	transition:all .3s ease-in-out !important;
       	-webkit-transition:all .3s ease-in-out !important;
       	-moz-transition:all .3s ease-in-out !important;
       	-o-transition:all .3s ease-in-out !important;
       }
       #slider_154 .owl-item .sa_owl_theme .owl-dots .active span {
       	background-color:white !important;
       }
       #slider_154 .owl-item .sa_owl_theme .owl-dots .owl-dot span:hover {
       	background-color:rgba(0,0,0,0.5) !important;
       }
       ```
   
 * or
 *     ```
       /* Pagination du Slider Home */
   
       #slider_154 .sa_owl_theme .owl-dots .owl-dot span {
       	display:inline-block !important;
       	border-style:none !important;
       	background-color:grey !important;
       	width:10px !important;
       	height:10px !important;
       	border-radius:50% !important;
       	margin:0px 3px !important;
       	transition:all .3s ease-in-out !important;
       	-webkit-transition:all .3s ease-in-out !important;
       	-moz-transition:all .3s ease-in-out !important;
       	-o-transition:all .3s ease-in-out !important;
       }
       #slider_154 .sa_owl_theme .owl-dots .active span {
       	background-color:white !important;
       }
       #slider_154 .sa_owl_theme .owl-dots .owl-dot span:hover {
       	background-color:rgba(0,0,0,0.5) !important;
       }
       ```
   
    -  This topic was modified 6 years, 7 months ago by [minimaxpower](https://wordpress.org/support/users/minimaxpower/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fedit-pagination-css%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Thread Starter [minimaxpower](https://wordpress.org/support/users/minimaxpower/)
 * (@minimaxpower)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/edit-pagination-css/#post-12109124)
 * Ok I finally found what code to type, but the strange thing is that it only works
   if I add it in the ccs part when i’m editing my theme, but not when I directly
   go in my child theme css.
 *     ```
       /* Pagination du Slider Home */
   
       #slider_154 .owl-dots { bottom:10px !important;
       }
   
       #slider_154 .owl-dots .owl-dot span {
       	display:inline-block !important;
       	border-style:none !important;
       	background-color:grey !important;
       	width:10px !important;
       	height:10px !important;
       	border-radius:50% !important;
       	margin:0px 3px !important;
       	transition:all .3s ease-in-out !important;
       	-webkit-transition:all .3s ease-in-out !important;
       	-moz-transition:all .3s ease-in-out !important;
       	-o-transition:all .3s ease-in-out !important;
       }
       #slider_154 .owl-dots .active span {
       	background-color:white !important;
       }
       #slider_154 .owl-dots .owl-dot span:hover {
       	background-color:rgba(0,0,0,0.5) !important;
       }
       ```
   
    -  This reply was modified 6 years, 7 months ago by [minimaxpower](https://wordpress.org/support/users/minimaxpower/).

Viewing 1 replies (of 1 total)

The topic ‘Edit pagination css’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/slide-anything.svg)
 * [Slide Anything - Responsive Content / HTML Slider and Carousel](https://wordpress.org/plugins/slide-anything/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/slide-anything/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/slide-anything/)
 * [Active Topics](https://wordpress.org/support/plugin/slide-anything/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/slide-anything/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/slide-anything/reviews/)

 * 1 reply
 * 1 participant
 * Last reply from: [minimaxpower](https://wordpress.org/support/users/minimaxpower/)
 * Last activity: [6 years, 7 months ago](https://wordpress.org/support/topic/edit-pagination-css/#post-12109124)
 * Status: resolved