Limited Time Sale - 10% Discount! Use Code:U5ZBQTEY

How do you center the filterable portfolio module filters?

We get asked this question a lot so decided to create a quick tutorial. Whether your using the built in filterable portfolio module or the filterable module in our Portfolio Posts Pro plugin, you can center the filters with the same CSS:

.et_pb_portfolio_filters ul {
text-align: center;
margin: 0 auto;

li.et_pb_portfolio_filter {
float: none !important;
display: inline-block;

@media only screen and ( max-width: 479px ) {

li.et_pb_portfolio_filter {
display: block;
width: 100% !important;


Add the CSS above to your chlid theme or the Custom CSS section in the Divi Theme Options page under the General Tab. The horizontal filters will center on desktop and tablet. On mobile, the filters will stack vertically.

Pin It on Pinterest

Share This