Skip to main content

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​

ClassnameDescription
link-urlURL text display styling
media-item-attachmentOGTag__attachmentOGTag__noImgPlaceholder styling when no image is available
media-item-attachmentOGTag__attachmentOGTag__contentMain content container for OG tag media
media-item-attachmentOGTag__attachmentOGTag__content--descDescription text styling in OG tag media
media-item-attachmentOGTag__attachmentOGTag__content--urlURL display styling in OG tag media
og-tag-close-icon lm-cursor-pointerClose button styling for OG tag media
media-item-attachmentOGTagMain container for OG tag media items
media-item-attachmentOGTag__attachmentOGTag__imgImage 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