CSS Alignment

WordPress Plugin Staff List – CSS Alignment

When we have some text or other inline elements on a page, each line of content is treated as a line box. The property text-align will align that content on the page.

You can add your own classes or use the ones from staff-list.css.

Custom classes available in Staff List – staff-list.css

Ready to use custom classes.

.abcfslTxtCenter { text-align: center; }
.abcfslTxtRight { text-align: right; }
.abcfslMLRAuto { margin-left: auto; margin-right: auto }

img.abcfslImgCenter { display: block; margin-left: auto; margin-right: auto }
.abcfslImgCenter img { display: block; margin-left: auto; margin-right: auto }

Grid A – How to center text.

Staff Template > Template Options > Staff Page Containers > Text Container > Custom CSS Class

Add class: abcfslTxtCenter

Centering text in the <div> element.

Div is a block-level element. Just add custom class: abcfslTxtCenter

Centering an image.

Image is an inline element. Add custom class: abcfslImgCenter

p4008