How to Style Customize the Divi Gallery Pagination

 Change The Divi Gallery Pagination Text Links Buttons

we have some basic design styles set, let’s continue by adding some CSS to make the pagination links look more like buttons.

If you are using our free Divi child theme, place this snippet into the style.css file. Otherwise, place this in your Divi>Theme Options>Custom CSS code box.


  
/*style the Divi Gallery pagination buttons*/

.et_pb_gallery_pagination ul li a{
	color: #ffffff!important;
	background: #004991;
	padding: 0.3em 0.7em;
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
}
/*style the Divi Gallery pagination buttons Actice*/
.et_pb_gallery_pagination ul li a.active{
	background: red;	
}
/*style the Divi Gallery pagination buttons Hover*/
.et_pb_gallery_pagination ul li a:hover{
	background: red;
	color: #ffffff!important;
}

Post a Comment

Previous Post Next Post