[
'name' => 'title',
'label' => __( 'Title', 'elementor' ),
- 'type' => Controls_Manager::TEXTAREA,
+ 'type' => Controls_Manager::TEXT,
'placeholder' => __( 'Enter your title', 'elementor' ),
'default' => '',
],
[
'name' => 'subtitle',
'label' => __( 'Subtitle', 'cube' ),
- 'type' => Controls_Manager::TEXT,
+ 'type' => Controls_Manager::TEXTAREA,
'label_block' => true,
],
[
&-body
color: $colors.text
font-size: 16px
+ margin-top: 1.5em
&-lightbox
horizontal-spacing(5vw)
margin: 0 20px
&-image
+ position: relative
display: block
width: 100%
- position: relative
- padding-bottom: 100%
+ max-width: 240px
+ margin: 0 auto
background-size: cover
background-position: center
background-repeat: no-repeat
box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,0.3)
overflow: hidden
+ &-sizer
+ padding-bottom: 100% // Make it square
+
&:before
content: ''
position: absolute
<h3 class="profile-carousel-title">{{ $item['title'] }}</h3>
- {!! $item['body'] !!}
+ <div class="profile-carousel-body">
+ {!! $item['body'] !!}
+ </div>
+
</div>
</a> {{-- .profile-carousel-item --}}
@foreach ($videos as $video)
<div class="video-carousel-item slick-slide">
<div class="slick-slide-inner" data-elementor-lightbox="{{ $video['lightbox'] }}" data-elementor-open-lightbox="yes">
- <div class="video-carousel-item-image" style="background-image:url('{{ $video['preview'] }}')"></div>
+ <div class="video-carousel-item-image" style="background-image:url('{{ $video['preview'] }}')">
+ <div class="video-carousel-item-image-sizer"></div>
+ </div>
<h4 class="video-carousel-item-title">{{ $video['title'] }}</h4>
<p class="video-carousel-item-details">{{ $video['details'] }}</p>
</div>