Use code AMH2025 on Noon or Namshi for 10 SAR cashback. Copy Code

Cashback: 10 SAR. T&Cs apply. Offer All time

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

Ads DIVI

Ads Hostinger

🎉 Get 20% OFF + Fast & Secure Hosting with Hostinger Claim Your 20% Discount