README.md

JCB! Snippet

Cover Image

Expand images, videos or iframes to cover their entire container and place your own content on top.

Snippet

<div class="uk-cover-container uk-height-medium">
    <img src="https://getuikit.com/docs/images/dark.jpg" alt="" uk-cover>
</div>

Usage

To have an image cover its parent element, add the .uk-cover-container class to the parent and the uk-cover attribute to the image.

Note To position content on top of the covering element, use the Position component. To adapt your content for better visibility, add the .uk-light or .uk-dark class from the Inverse component.

Contributor

• Vast Development Method
• email
• website

Streamline your Joomla development with a single, reusable snippet designed for flexibility, consistency, and easy updates.

Used in Joomla Component Builder - Source - Mirror - Download

---