diff --git a/wp-content/plugins/elementor/includes/widgets/image-box.php b/wp-content/plugins/elementor/includes/widgets/image-box.php index e5de6e6..0f409e7 100644 --- a/wp-content/plugins/elementor/includes/widgets/image-box.php +++ b/wp-content/plugins/elementor/includes/widgets/image-box.php @@ -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( '

%2$s

', $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( '%2$s', $settings['link']['url'], $settings['link_text'] ); + } + $html .= ''; } @@ -878,6 +897,15 @@ class Widget_Image_Box extends Widget_Base { html += '

' + settings.description_text + '

'; } + + if ( settings.link && settings.link.url && settings.link_text ) { + view.addRenderAttribute( 'link', 'class', 'elementor-image-box-link' ); + + view.addInlineEditingAttributes( 'description_link' ); + + html += '' + elementor.helpers.sanitize( settings.link_text ) + ''; + } + html += ''; } diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css b/wp-content/themes/hello-elementor/assets/css/custom.css index 7a4ac10..e71a65b 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css +++ b/wp-content/themes/hello-elementor/assets/css/custom.css @@ -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 */ \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css.map b/wp-content/themes/hello-elementor/assets/css/custom.css.map index ef429a3..5054958 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css.map +++ b/wp-content/themes/hello-elementor/assets/css/custom.css.map @@ -1 +1 @@ -{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AAGG;EACC,4BAAA;EACA,iCAAA;ACFJ","file":"custom.css"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.scss b/wp-content/themes/hello-elementor/assets/css/custom.scss index ec17333..1a66b18 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.scss +++ b/wp-content/themes/hello-elementor/assets/css/custom.scss @@ -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%); + } + } + } + } }