Save
This commit is contained in:
@@ -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' ) );
|
||||
|
||||
BIN
wp-content/themes/hello-elementor/assets/.DS_Store
vendored
Normal file
BIN
wp-content/themes/hello-elementor/assets/.DS_Store
vendored
Normal file
Binary file not shown.
BIN
wp-content/themes/hello-elementor/assets/css/.DS_Store
vendored
Normal file
BIN
wp-content/themes/hello-elementor/assets/css/.DS_Store
vendored
Normal file
Binary file not shown.
@@ -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 */
|
||||
@@ -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"}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user