Expand your profile block

Show the bio all the time, without requiring scrolling

Add a CSS block to the page that has your profile on it, and add this CSS:

.sm-page-widget-profile-v2-description {
	overflow:visible;
	max-height:none !important;
}

Save your changes, and you should now have a profile block on your page where the text always appears, instead of requiring your visitors to scroll!

Changing the size of the profile block

You can add CSS to tune the height of your profile block, for example this will make it taller:

.sm-page-widget-profile-v2-coverimage .sm-image-aspect-ratio {
	padding-bottom:50% !important;
}

The default is 33.33%. Increase the percentage to make your bio taller, decrease it to make it shorter.

Keep your profile photo from touching the edges of the background

Add this CSS:

.sm-page-widget-profile-v2-biophoto {
	margin-left:25px;
	margin-bottom:25px;
	margin-top: 11px; /* Align better with the top of the name text */
}

Tune the horizontal position of your profile photo

My profile photo cuts me off a little bit, so I added this CSS to bring the right edge of the photo to the right edge of the thumbnail:

.sm-page-widget-profile-v2-biophoto img {
	-moz-transform: initial;
	-ms-transform: initial;
	-o-transform: initial;
	-webkit-transform: initial;
	transform: initial;
	right: 0;
	left: auto;
}

Vertically align your profile photo against your profile

By default, your profile photo is aligned to the bottom of your profile text. You can change that alignment to the top by adding this CSS:

.sm-page-widget-profile-v2-container .sm-page-widget-profile-v2-content {
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

Or align it to the middle by adding this CSS:

.sm-page-widget-profile-v2-container .sm-page-widget-profile-v2-content {
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

Before

Nicholas Sherlock

After