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:

 

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:

 

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!

 

 

To learn more about CSS, check out this comprehensive course that covers everything about using CSS with Divi! (use coupon code "getcoursewith5off" for 5% off) Start learning proper CSS for Divi

 
To learn more about CSS, media queries, Flexbox and/or responsive web design, check out this course! (use coupon code "getcoursewith5off" for 5% off) 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!

You will also get a discount coupon in your inbox as soon as you sign up!


 

Photo by Thomas Martinsen on Unsplash