How to style your Medium embeds
By default, Medium embeds only include HTML - you have to include the CSS. Your embed may inherit some styling from the surrounding site (font style, etc), but additional CSS can be added to customize the look and feel.
There are several classes that are added to Medium content to make styling easier:
- .fm-post-wrapper: Surrounding each Medium post
- .fm-post: Also surrounding each Medium post
- .fm-post-image: The post's leading image
- .fm-post-title: The title of each post
- .fm-post-sub-title: The intro paragraph
- .fm-post-read-more: The link to the full post on Medium
- .fm-link-out: The link to your Medium profile
Here's an example of a layout with CSS you can copy and add to your site. Note that your site might have some other more specific CSS which overrides these styles.