Custom CSS

Coming soon

Snippits

Center a Button
The <a> needs: display: block; width: max-content; margin: 0 auto;

WYSIWYG

<div style="background-color: #002b49; padding: 25px 30px; color: #fff; display: flex; align-items: center; width: max-content; border-radius: 6px;">
<img style="margin-right: 20px;" title="Icon Calendar" src="/_images/_icons/icon-solid-navy-calendar.jpg" alt="Icon Calendar" width="75" height="69" />
<div>
<h3 style="margin: 0; color: #e3e935; padding-bottom: 4px;">COPY</h3>
<p style="margin: 0;"><strong>COPY</strong>COPY<br />COPY
<a style="color: #fff; text-decoration: underline;" href="mailto:COPY">COPY</a>
</p>
</div>
</div>

<h2 style="text-align: center;">Connect with @mcla</h2>
<p style="text-align: center;"><a title="MCLA Instagram" href="https://www.instagram.com/mcla_edu/?hl=en" target="_blank" rel="noopener"><img style="display: inline-block; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;" title="Icon Instagram" src="/_images/_icons/icon-social-blue-instagram.png" alt="Icon Instagram" width="48" height="48" /></a> <a title="MCLA Facebook" href="https://www.facebook.com/MCLAedu/" target="_blank" rel="noopener"><img style="display: inline-block; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;" title="Icon Facebook" src="/_images/_icons/icon-social-blue-facebook.png" alt="Icon Facebook" width="48" height="48" /></a> <a title="MCLA X" href="https://x.com/MCLA_EDU/status/1789303464834502929" target="_blank" rel="noopener"><img style="display: inline-block; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;" title="Icon X" src="/_images/_icons/icon-social-blue-x.png" alt="Icon X" width="48" height="48" /></a> <a title="MCLA YouTube" href="https://www.youtube.com/user/MCLAedu" target="_blank" rel="noopener"><img style="display: inline-block; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;" title="Icon YouTube" src="/_images/_icons/icon-social-blue-youtube.png" alt="Icon YouTube" width="48" height="48" /></a> <a title="MCLA Linkedin" href="https://www.linkedin.com/school/massachusetts-college-of-liberal-arts/" target="_blank" rel="noopener"><img style="display: inline-block; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;" title="Icon Linkedin" src="/_images/_icons/icon-social-blue-linkedin.png" alt="Icon Linkedin" width="48" height="48" /></a></p>
<p style="text-align: center;">&nbsp;</p>
<div>
<div style="display: inline-block; vertical-align: middle;"><img style="padding-right: 20px;" title="Jana Boyer" src="https://www.mcla.edu/_images/_admission-aid/admission-office/2025-2026-staff/jana-boyer.jpg" alt="Jana Boyer" width="200" height="200" /></div>
<div style="display: inline-block; vertical-align: middle;">
<h3 style="margin-bottom: 0;">Jana Boyer '93 <span style="font-size: 24px;">(she, her, hers)</span></h3>
<h4 style="margin-bottom: 0;">Executive Director of Admission &amp; Enrollment Operations</h4>
<p><a title="jana.boyer@mcla.edu" href="mailto:jana.boyer@mcla.edu" target="_blank" rel="noopener">j.boyer@mcla.edu</a><br />413-662-5410</p>
</div>
<div style="margin-top: 10px; margin-bottom: 30px;">
<p><strong>Favorite Thing About MCLA and the Berkshires:</strong> Hiking and skiing in the scenic mountains are two of my favorite ways to enjoy the Berkshires.</p>
</div>