Skip to content

Padding

LayoutResponsive
The padding property allows you to add space inside an element inside of any defined borders.

All Sides

ClassProperties
wpex-p-0
padding: 0;
wpex-p-5
padding: 5px;
wpex-p-10
padding: 10px;
wpex-p-15
padding: 15px;
wpex-p-20
padding: 20px;
wpex-p-25
padding: 25px;
wpex-p-30
padding: 30px;
wpex-p-40
padding: 40px;
wpex-p-50
padding: 50px;

Y-Axis

ClassProperties
wpex-py-0
padding-top: 0;
padding-bottom: 0;
wpex-py-5
padding-top: 5px;
padding-bottom: 5px;
wpex-py-10
padding-top: 10px;
padding-bottom: 10px;
wpex-py-15
padding-top: 15px;
padding-bottom: 15px;
wpex-py-20
padding-top: 20px;
padding-bottom: 20px;
wpex-py-25
padding-top: 25px;
padding-bottom: 25px;
wpex-py-30
padding-top: 30px;
padding-bottom: 30px;
wpex-py-40
padding-top: 40px;
padding-bottom: 40px;
wpex-py-50
padding-top: 50px;
padding-bottom: 50px;

X-Axis

ClassProperties
wpex-px-0
padding-left: 0;
padding-right: 0;
wpex-px-5
padding-left: 5px;
padding-right: 5px;
wpex-px-10
padding-left: 10px;
padding-right: 10px;
wpex-px-15
padding-left: 15px;
padding-right: 15px;
wpex-px-20
padding-left: 20px;
padding-right: 20px;
wpex-px-25
padding-left: 25px;
padding-right: 25px;
wpex-px-30
padding-left: 30px;
padding-right: 30px;
wpex-px-40
padding-left: 40px;
padding-right: 40px;
wpex-px-50
padding-left: 50px;
padding-right: 50px;

Top

ClassProperties
wpex-pt-0
padding-top: 0;
wpex-pt-5
padding-top: 5px;
wpex-pt-10
padding-top: 10px;
wpex-pt-15
padding-top: 15px;
wpex-pt-20
padding-top: 20px;
wpex-pt-25
padding-top: 25px;
wpex-pt-30
padding-top: 30px;
wpex-pt-40
padding-top: 40px;
wpex-pt-50
padding-top: 50px;

Right

ClassProperties
wpex-pr-0
padding-right: 0;
wpex-pr-5
padding-right: 5px;
wpex-pr-10
padding-right: 10px;
wpex-pr-15
padding-right: 15px;
wpex-pr-20
padding-right: 20px;
wpex-pr-25
padding-right: 25px;
wpex-pr-30
padding-right: 30px;
wpex-pr-40
padding-right: 40px;
wpex-pr-50
padding-right: 50px;

Bottom

ClassProperties
wpex-pb-0
padding-bottom: 0;
wpex-pb-5
padding-bottom: 5px;
wpex-pb-10
padding-bottom: 10px;
wpex-pb-15
padding-bottom: 15px;
wpex-pb-20
padding-bottom: 20px;
wpex-pb-25
padding-bottom: 25px;
wpex-pb-30
padding-bottom: 30px;
wpex-pb-40
padding-bottom: 40px;
wpex-pb-50
padding-bottom: 50px;

Left

ClassProperties
wpex-pl-0
padding-left: 0;
wpex-pl-5
padding-left: 5px;
wpex-pl-10
padding-left: 10px;
wpex-pl-15
padding-left: 15px;
wpex-pl-20
padding-left: 20px;
wpex-pl-25
padding-left: 25px;
wpex-pl-30
padding-left: 30px;
wpex-pl-40
padding-left: 40px;
wpex-pl-50
padding-left: 50px;