[data-wm-plugin="website-showcase"] {
/* Info panel dimensions */
--popup-max-width-info: 1600px;
--popup-info-width: 300px;
--popup-info-padding: 2rem;
--popup-info-bg: var(--popup-bg);
/* Title */
--popup-info-title-size: 1.5rem;
--popup-info-title-weight: 600;
--popup-info-title-color: #111111;
/* Description */
--popup-info-description-size: 1rem;
--popup-info-description-color: #555555;
/* Iframe inset */
--popup-iframe-inset: 20px;
--popup-iframe-border-radius: 0;
/* Button sizing */
--popup-info-button-padding-x: 1.5rem;
--popup-info-button-padding-y: 0.75rem;
--popup-info-button-radius: 0;
/* Button colors */
--popup-info-button-bg: transparent;
--popup-info-button-color: var(--headingLargeColor);
--popup-info-button-border-width: 1px;
--popup-info-button-border-color: var(--headingLargeColor);
/* Button typography */
--popup-info-button-size: 0.875rem;
--popup-info-button-weight: 500;
--popup-info-button-letter-spacing: 0.05em;
--popup-info-button-text-transform: none;
/* Button hover */
--popup-info-button-hover-bg: var(--headingLargeColor);
--popup-info-button-hover-color: var(--sectionBackgroundColor);
--popup-info-button-hover-border-color: var(--headingLargeColor);
}
Previous
Previous
Popup Colors & Styling
Next
Next