How to center Team Members name and titles

Hey sharynt3,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-team-member {
	text-align: center;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
The accordion toggle text can be centered but not the accordion “plus” icon. So to center the text and remove the “plus” icon try this css:

#top .av_toggle_section {
	text-align: center;
}
#top .av_toggle_section .toggle_icon {
	display: none;
}
.js_active #top .av_toggle_section .toggler {
	padding: 9px 0;
}

Best regards,
Mike

Hi,
Try adding this css:

#top .av_toggle_section .toggle_content {
	text-align: left;
}

Best regards,
Mike

Hi,
To text align the team-member-description to the left and keep the title centered we will need to use custom css for that page only because on some other pages you do want the team-member-description centered. Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.page-id-2681 .avia-team-member .team-member-description {
	text-align: left;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike