This commit is contained in:
Roman Pyrih
2026-03-25 13:53:34 +01:00
parent 811fed0726
commit 7c9eab2ae0
6 changed files with 96 additions and 2 deletions

View File

@@ -771,6 +771,10 @@ class Widget_Image_Box extends Widget_Base {
$this->add_link_attributes( 'link', $settings['link'] );
}
if ( ! empty( $settings['link']['url'] ) ) {
$html .= '<a class="tile-link" ' . $this->get_render_attribute_string( 'link' ) . '></a>';
}
if ( $has_image ) {
$image_html = wp_kses_post( Group_Control_Image_Size::get_attachment_image_html( $settings, 'thumbnail', 'image' ) );

Binary file not shown.

Binary file not shown.

View File

@@ -1 +1 @@
p:last-child{margin-bottom:0}.elementor-button .elementor-button-content-wrapper{gap:15px}.elementor-button .elementor-button-content-wrapper .elementor-button-icon{line-height:0;margin-bottom:1px}.elementor-button .elementor-button-content-wrapper .elementor-button-icon svg{width:18px;height:18px}/*# sourceMappingURL=custom.css.map */
p:last-child{margin-bottom:0}.elementor-button .elementor-button-content-wrapper{gap:15px}.elementor-button .elementor-button-content-wrapper .elementor-button-icon{line-height:0;margin-bottom:1px}.elementor-button .elementor-button-content-wrapper .elementor-button-icon svg{width:18px;height:18px}.hp-tile{position:relative;line-height:0;transition:all 500ms linear}.hp-tile:hover{transform:translateY(-10px)}.hp-tile:hover .elementor-image-box-img img{transform:scale(1.15)}.hp-tile .elementor-image-box-wrapper{overflow:hidden;border-radius:6px}.hp-tile .elementor-image-box-wrapper .tile-link{position:absolute;inset:0;z-index:3}.hp-tile .elementor-image-box-img{position:relative}.hp-tile .elementor-image-box-img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);z-index:1}.hp-tile .elementor-image-box-img img{transition:all 500ms linear}.hp-tile .elementor-image-box-content{position:absolute;bottom:0;left:0;padding:20px;z-index:2}.hp-tile .elementor-image-box-content .elementor-image-box-title{margin:0}.list-dots ul{list-style:none;padding-left:16px}.list-dots ul li{position:relative}.list-dots ul li::before{content:"";position:absolute;top:7px;left:-16px;width:8px;height:8px;border-radius:100px;background:#01a0d6}.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea{padding:8px 12px}/*# sourceMappingURL=custom.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AACC,aACC,eAAA,CAKD,oDACC,QAAA,CAEA,2EACC,aAAA,CACA,iBAAA,CAEA,+EACC,UAAA,CACA,WAAA","file":"custom.css"}
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AACC,aACC,eAAA,CAKD,oDACC,QAAA,CAEA,2EACC,aAAA,CACA,iBAAA,CAEA,+EACC,UAAA,CACA,WAAA,CAMJ,SACC,iBAAA,CACA,aAAA,CACA,2BAAA,CAEA,eACC,2BAAA,CAGC,4CACC,qBAAA,CAKH,sCACC,eAAA,CACA,iBAAA,CAEA,iDACC,iBAAA,CACA,OAAA,CACA,SAAA,CAIF,kCACC,iBAAA,CAEA,0CACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,gFAAA,CAKA,SAAA,CAGD,sCACC,2BAAA,CAIF,sCACC,iBAAA,CACA,QAAA,CACA,MAAA,CACA,YAAA,CACA,SAAA,CAEA,iEACC,QAAA,CAMF,cACC,eAAA,CACA,iBAAA,CAEA,iBACC,iBAAA,CAEA,yBACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,UAAA,CACA,SAAA,CACA,UAAA,CACA,mBAAA,CACA,kBAAA,CAOH,oHAIC,gBAAA","file":"custom.css"}

View File

@@ -19,3 +19,93 @@ p {
}
}
}
.hp-tile {
position: relative;
line-height: 0;
transition: all 500ms linear;
&:hover {
transform: translateY(-10px);
.elementor-image-box-img {
img {
transform: scale(1.15);
}
}
}
.elementor-image-box-wrapper {
overflow: hidden;
border-radius: 6px;
.tile-link {
position: absolute;
inset: 0;
z-index: 3;
}
}
.elementor-image-box-img {
position: relative;
&::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.5) 100%
);
z-index: 1;
}
img {
transition: all 500ms linear;
}
}
.elementor-image-box-content {
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
z-index: 2;
.elementor-image-box-title {
margin: 0;
}
}
}
.list-dots {
ul {
list-style: none;
padding-left: 16px;
li {
position: relative;
&::before {
content: '';
position: absolute;
top: 7px;
left: -16px;
width: 8px;
height: 8px;
border-radius: 100px;
background: #01a0d6;
}
}
}
}
.contact-form {
input[type='text'],
input[type='email'],
input[type='tel'],
textarea {
padding: 8px 12px;
}
}