Cp Collage Hero Edit 

<div class="collage-hero" data-module="collageHero">
    <div class="collage-hero__hero-core">
        <div class="collage-hero__overlay"></div>
        <div class="collage-hero__info">
            <div class="grid-container">
                <div class="grid-x">
                    <div class="cell medium-10 large-8">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="collage-hero__collage">
        <div class="grid-container">
            <div class="grid-x collage-elements">
                <div class="cell large-8 collage-elements__lead">
                    <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                        <img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt="">
                        <picture class="image__container">
                            <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="">
                        </picture>
                    </figure>
                </div>
                <div class="cell large-4">
                    <div class="grid-x">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
{{{customeditframe.editframeStart}}}
<div class="collage-hero" data-module="collageHero">
    <div class="collage-hero__hero-core">
        {{#if backgroundResponsiveImage}}
        {{> @cp-medium-image backgroundResponsiveImage}}
        {{/if}}
        <div class="collage-hero__overlay" {{#if backgroundResponsiveImage.dominantColour}}style="background: linear-gradient(180deg, rgba(0,0,0,0) 65%, {{backgroundResponsiveImage.dominantColour}})"{{/if}}></div>
        <div class="collage-hero__info">
            <div class="grid-container">
                <div class="grid-x">
                    <div class="cell medium-10 large-8">
                        {{#if title}}<h1 class="collage-hero__title">{{{title}}}</h1>{{/if}}
                        {{#if subtitle}}<p class="collage-hero__subtitle">{{{subtitle}}}</p>{{/if}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="collage-hero__collage" {{#if backgroundResponsiveImage.dominantColour}}style="background-color: {{backgroundResponsiveImage.dominantColour}}"{{/if}}>
        <div class="grid-container">
            {{> @cp-collage-elements}}
        </div>
    </div>
</div>
{{{customeditframe.editframeStop}}}
 
/* No context defined for this component. */

There are no notes for this item.