LMFeedOgTagMediaItem
LMFeedOgTagMediaItem renders Open Graph tag previews for shared links in posts. It displays metadata including title, description, and thumbnail images for linked content.
CSS Classnames
| Classname | Description |
|---|---|
| link-url | URL text display styling |
| media-item-attachmentOGTag__attachmentOGTag__noImg | Placeholder styling when no image is available |
| media-item-attachmentOGTag__attachmentOGTag__content | Main content container for OG tag media |
| media-item-attachmentOGTag__attachmentOGTag__content--desc | Description text styling in OG tag media |
| media-item-attachmentOGTag__attachmentOGTag__content--url | URL display styling in OG tag media |
| og-tag-close-icon lm-cursor-pointer | Close button styling for OG tag media |
| media-item-attachmentOGTag | Main container for OG tag media items |
| media-item-attachmentOGTag__attachmentOGTag__img | Image styling in OG tag media |
Example
To customize the component with its classnames, open your base CSS file and override the styles using the classname:
.link-url {
font-size: 18px;
color: "red";
}
Reference
For reference, check out this file