How to center align Pricing Tables

What if you have less pricing tables than there's in the demo and they are not centered as they should be? Don't worry, you are looking at good place to fix this.

Add this CSS snipet:

.et_pb_centered_pricing_items .et_pb_pricing_table_wrap {
text-align: center;
}

That's it!


TIP: If you have multiple sections with pricing tables, it would be good to have a unique section ID in order to target that specific section instead all of them. Of course, if you need tables centered for this particular section. To do this, assign the section a unique ID from section settings. Then, your CSS snipet should look like this:

#UNIQUEID .et_pb_centered_pricing_items .et_pb_pricing_table_wrap {
text-align: center;
}

Still need help? Contact Us Contact Us