This one is really easy. Yay!

Plus, I thought that if someone were to use the filterable portfolio module, and wanted to center or justify the buttons, then.. yeah.. I’d assume that’s it.

This means that you won’t have to add custom classes or anything.

It’s REALLY simple this time.

To center the buttons like this:

Divi Tutorial - Centering the Filterable Portfolio Buttons

 

Copy paste this snippet into the custom CSS field in the theme options.

.et_pb_filterable_portfolio .et_pb_portfolio_filters {
	display: flex;
	justify-content: center;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
	margin: 0 4px;
}

 

Done.

To justify the buttons like this:

Divi Tutorial - Centering the Filterable Portfolio Buttons

 

Copy paste this snippet into the custom CSS field in the theme options.

.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters.clearfix:after, 
.et_pb_filterable_portfolio .et_pb_portfolio_filters.clearfix .clearfix:after {
	display: none;
}

I think that was the simplest tutorial I’ve published so far. wow!

 

 

Divi Tutorial - Centering the Filterable Portfolio Buttons To learn more about CSS, check out this comprehensive course that covers everything about using CSS with Divi! Start learning proper CSS for Divi

 
Divi Tutorial - Centering the Filterable Portfolio Buttons To learn more about CSS, media queries, Flexbox and/or responsive web design, check out this course! Learn how to make Divi more responsive

 

 

 

Notice

Hi! Please consider signing up for my newsletter for... two emails (at most) a month of news, updates, and special offers, including child themes and more courses. Sound interesting? The signup form is right here!


 

Photo by Thomas Martinsen on Unsplash