Edit pagination css

  • Resolved minimaxpower

    (@minimaxpower)


    6 years, 7 months ago

    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.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter minimaxpower

    (@minimaxpower)

    6 years, 7 months ago

    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.
Viewing 1 replies (of 1 total)

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