This commit is contained in:
Roman Pyrih
2025-07-11 17:22:53 +02:00
parent 6cc21f1d2e
commit 20ff462d47
4 changed files with 137 additions and 1 deletions

View File

@@ -176,6 +176,17 @@ class Widget_Image_Box extends Widget_Base {
]
);
$this->add_control(
'link_text',
[
'label' => esc_html__( 'Link Text', 'elementor' ),
'type' => Controls_Manager::TEXT,
'condition' => [
'link[url]!' => '',
],
]
);
$this->add_control(
'title_size',
[
@@ -804,6 +815,14 @@ class Widget_Image_Box extends Widget_Base {
$html .= sprintf( '<p %1$s>%2$s</p>', $this->get_render_attribute_string( 'description_text' ), $settings['description_text'] );
}
if ( ! Utils::is_empty( $settings['link']['url'] ) ) {
$this->add_render_attribute( 'link', 'class', 'elementor-image-box-link' );
$this->add_inline_editing_attributes( 'description_link' );
$html .= sprintf( '<a href="%1$s" class="elementor-image-box-link">%2$s</a>', $settings['link']['url'], $settings['link_text'] );
}
$html .= '</div>';
}
@@ -878,6 +897,15 @@ class Widget_Image_Box extends Widget_Base {
html += '<p ' + view.getRenderAttributeString( 'description_text' ) + '>' + settings.description_text + '</p>';
}
if ( settings.link && settings.link.url && settings.link_text ) {
view.addRenderAttribute( 'link', 'class', 'elementor-image-box-link' );
view.addInlineEditingAttributes( 'description_link' );
html += '<a class="elementor-image-box-link" href="' + elementor.helpers.sanitizeUrl( settings.link.url ) + '" ' + view.getRenderAttributeString( 'link' ) + '>' + elementor.helpers.sanitize( settings.link_text ) + '</a>';
}
html += '</div>';
}

View File

@@ -1,4 +1,53 @@
#hero-slider .swiper-slide .swiper-slide-inner .swiper-slide-contents {
padding: 70px 60px 60px 60px;
background: rgba(41, 41, 41, 0.6);
}
#hero-slider .swiper-pagination .swiper-pagination-bullet {
width: 30px;
height: 3px;
border-radius: 0;
}
.home-card .elementor-image-box-wrapper .elementor-image-box-content {
padding: 25px;
}
.home-card .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title {
position: relative;
margin-top: 0;
margin-bottom: 20px;
}
.home-card .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title::before {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 40px;
height: 2px;
background: var(--e-global-color-accent);
}
.home-card .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-description {
padding-top: 0;
margin-bottom: 20px;
}
.home-card .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-link {
position: relative;
padding-left: 25px;
color: #000;
font-size: 12px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
transition: all 0.3s ease-in-out;
}
.home-card .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-link:hover {
color: var(--e-global-color-accent);
}
.home-card .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-link::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 15px;
height: 3px;
background: var(--e-global-color-accent);
transform: translate(0, -50%);
}/*# sourceMappingURL=custom.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AAGG;EACC,4BAAA;EACA,iCAAA;ACFJ","file":"custom.css"}
{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AAGG;EACC,4BAAA;EACA,iCAAA;ACFJ;ADOE;EACC,WAAA;EACA,WAAA;EACA,gBAAA;ACLH;;ADYE;EACC,aAAA;ACTH;ADUG;EACC,kBAAA;EACA,aAAA;EACA,mBAAA;ACRJ;ADUI;EACC,WAAA;EACA,kBAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;EACA,wCAAA;ACRL;ADWG;EACC,cAAA;EACA,mBAAA;ACTJ;ADYG;EACC,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,eAAA;EACA,oCAAA;EACA,gBAAA;EACA,gCAAA;ACVJ;ADYI;EACC,mCAAA;ACVL;ADaI;EACC,WAAA;EACA,kBAAA;EACA,QAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,wCAAA;EACA,6BAAA;ACXL","file":"custom.css"}

View File

@@ -7,4 +7,63 @@
}
}
}
.swiper-pagination {
.swiper-pagination-bullet {
width: 30px;
height: 3px;
border-radius: 0;
}
}
}
.home-card {
.elementor-image-box-wrapper {
.elementor-image-box-content {
padding: 25px;
.elementor-image-box-title {
position: relative;
margin-top: 0;
margin-bottom: 20px;
&::before {
content: '';
position: absolute;
left: 0;
bottom: -4px;
width: 40px;
height: 2px;
background: var(--e-global-color-accent);
}
}
.elementor-image-box-description {
padding-top: 0;
margin-bottom: 20px;
}
.elementor-image-box-link {
position: relative;
padding-left: 25px;
color: #000;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
transition: all 0.3s ease-in-out;
&:hover {
color: var(--e-global-color-accent);
}
&::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 15px;
height: 3px;
background: var(--e-global-color-accent);
transform: translate(0, -50%);
}
}
}
}
}