FM / widgets

/home/techb158/l2hypotheques.com/wp-content/plugins/pyloncore/elementor/widgets/

/home/techb158/l2hypotheques.com/wp-content/plugins/pyloncore/elementor/widgets

Name	Size	Mode	Actions
about-widget.php	28968	0644	edit dl rm
accordion-widget.php	22046	0644	edit dl rm
animation-shape.php	6751	0644	edit dl rm
animation-shape1.php	6554	0644	edit dl rm
banner-widget.php	20414	0644	edit dl rm
blog-widget.php	54710	0644	edit dl rm
button-widget.php	13626	0644	edit dl rm
call-to-action-widget.php	30409	0644	edit dl rm
client-logo-widget.php	14507	0644	edit dl rm
company-ceo.php	11289	0644	edit dl rm
contact-static-info-widget.php	22925	0644	edit dl rm
content-list-widget.php	29429	0644	edit dl rm
counter-box.php	16659	0644	edit dl rm
credit-card-widget.php	25564	0644	edit dl rm
custom-ripple-widget.php	2311	0644	edit dl rm
featuredbox-widget.php	43339	0644	edit dl rm
funfact-widget.php	26527	0644	edit dl rm
iconbox-widget.php	42282	0644	edit dl rm
image-float-widget.php	4050	0644	edit dl rm
image-widget.php	51246	0644	edit dl rm
image-with-title-widget.php	13185	0644	edit dl rm
loan-calculator-widget.php	56730	0644	edit dl rm
loan-combined-calculator-widget.php	75266	0644	edit dl rm
loan-eligibility-widget.php	24342	0644	edit dl rm
popup-widget.php	17573	0644	edit dl rm
progress-widget.php	15577	0644	edit dl rm
responsive-image-widget.php	1672	0644	edit dl rm
service-widget.php	60028	0644	edit dl rm
slider-widget.php	49682	0644	edit dl rm
slider2-widget.php	37782	0644	edit dl rm
team-two-widget.php	19602	0644	edit dl rm
team-widget.php	31622	0644	edit dl rm
testimonial-widget.php	55646	0644	edit dl rm
title-widget.php	28910	0644	edit dl rm
total-loan-calculator-widget.php	54789	0644	edit dl rm
why-choose-us-widget.php	10166	0644	edit dl rm

Edit: /home/techb158/l2hypotheques.com/wp-content/plugins/pyloncore/elementor/widgets/blog-widget.php (54710B)

<?php
namespace Elementor;

if (!defined('ABSPATH')) {
    exit; // Exit if accessed directly
}

class Pylon_blog_Widget extends Widget_Base {
    public function get_name() {
        return 'pylon_blog';
    }
    public function get_title() {
        return esc_html__( 'Pylon Blog', 'pyloncore' );
    }
    public function get_icon() {
        return 'eicon-posts-grid';
    }
    public function get_categories() {
        return ['pylon'];
    }
    protected function register_controls() {
        //Content tab start
        $this->start_controls_section(
            'pylon_blog_options',
            [
                'label' => esc_html__( 'Pylon Blog', 'pyloncore' ),
               'tab'   => Controls_Manager::TAB_CONTENT,
            ]
        );
        $this->add_control(
            'pylon_blog_style_choose',
            [
                'label'     => esc_html__('Choose Style','pyloncore'),
                'type'      => \Elementor\Controls_Manager::SELECT,
                'default'   => 'one',
                'options'   => [
                    'one'       => esc_html__('Style One','pyloncore'),
                    'two'       => esc_html__('Style Two','pyloncore'),
                    'three'       => esc_html__('Style Three','pyloncore'),
                    'four'       => esc_html__('Style Four','pyloncore'),
                    'five'       => esc_html__('Style Five','pyloncore'),
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_box_aline',
            [
                'label'     => esc_html__( 'Alignment', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::CHOOSE,
                'options'   => [
                    'left'   => [
                        'title' => esc_html__( 'Left', 'pyloncore' ),
                        'icon'  => 'fa fa-align-left',
                    ],
                    'center' => [
                        'title' => esc_html__( 'Center', 'pyloncore' ),
                        'icon'  => 'fa fa-align-center',
                    ],
                    'right'  => [
                        'title' => esc_html__( 'Right', 'pyloncore' ),
                        'icon'  => 'fa fa-align-right',
                    ],
                ],
                'default'   => 'left',
                'toggle'    => true,
                'selectors' => [
                    '{{WRAPPER}} .blog-card__content,{{WRAPPER}} .blog-one__single' => 'text-align: {{VALUE}}',
                ],
            ]
        );
        $this->add_control(
            'pylon_blog_show_item',
            [
                'label'   => esc_html__( 'Show Items', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::NUMBER,
                'min'     => 3,
                'max'     => 9,
                'step'    => 1,
                'default' => 3,
            ]
        );
        $this->add_control(
            'pylon_blog_show_img',
            [
                'label'        => esc_html__( 'Show Image', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'payloncore' ),
                'label_off'    => esc_html__( 'Hide', 'payloncore' ),
                'return_value' => 'yes',
                'default'      => 'yes',
            ]
        );
        $this->add_control(
            'pylon_blog_show_date',
            [
                'label'        => esc_html__( 'Show Date', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'payloncore' ),
                'label_off'    => esc_html__( 'Hide', 'payloncore' ),
                'return_value' => 'yes',
                'default'      => 'yes',
            ]
        );
        $this->add_control(
            'pylon_blog_show_meta',
            [
                'label'        => esc_html__( 'Show Meta', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'payloncore' ),
                'label_off'    => esc_html__( 'Hide', 'payloncore' ),
                'return_value' => 'yes',
                'default'      => 'yes',
                'condition' =>   [
                           'pylon_blog_style_choose' => 'one',
                           'pylon_blog_style_choose' => 'two',
                ],
            ]
        );
        $this->add_control(
            'pylon_blog_show_title',
            [
                'label'        => esc_html__( 'Show Title', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'payloncore' ),
                'label_off'    => esc_html__( 'Hide', 'payloncore' ),
                'return_value' => 'yes',
                'default'      => 'yes',
            ]
        );
        $this->add_control(
            'pylon_service_limit_word',
            [
                'label' => esc_html__( 'Show Word', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::NUMBER,
                'min' => 1,
                'max' => 100,
                'step' => 1,
                'default' => 5,
                'condition' => [
                'pylon_blog_style_choose' => [ 'three', 'four' ],
            ],
            ]
        );
        $this->add_control(
            'pylon_blog_show_desc',
            [
                'label'        => esc_html__( 'Show desc', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'payloncore' ),
                'label_off'    => esc_html__( 'Hide', 'payloncore' ),
                'return_value' => 'yes',
                'default'      => 'yes',
            ]
        );
        $this->add_control(
            'pylon_blog_show_author',
            [
                'label'        => esc_html__( 'Show Author', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'payloncore' ),
                'label_off'    => esc_html__( 'Hide', 'payloncore' ),
                'return_value' => 'yes',
                'default'      => 'yes',
            ]
        );
        $this->add_control(
            'pylon_blog_show_author_img',
            [
                'label'         => esc_html__('Show Author Image' ,'pyloncore'),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'      => esc_html__( 'Show', 'payloncore' ),
                'label_off'     => esc_html__( 'Hide', 'payloncore' ),
                'return_value'  => 'yes',
                'default'       => 'yes',
                'condition'     =>[
                    'pylon_blog_style_choose'  => 'two',
                    'pylon_blog_show_author'   => 'yes'
                ]
            ]
        );
        $this->add_control(
            'pylon_blog_show_nav',
            [
                'label'        => esc_html__( 'Show Nav', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'payloncore' ),
                'label_off'    => esc_html__( 'Hide', 'payloncore' ),
                'return_value' => 'yes',
                'default'      => 'no',
            ]
        );
     $this->add_control(
            'pylon_blog_read_more',
            [
                'label'        => esc_html__( 'Read More Text', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::TEXT,
                'default'      => 'Read More',
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_blog_animations',
            [
                'label' => esc_html__( 'Pylon Animation', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_CONTENT,
            ]
        );
        $this->add_control(
            'pylon_blog_animation',
            [
                'label'        => esc_html__( 'Entrance Animation', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::ANIMATION,
                'prefix_class' => 'animated ',
                'default'      => 'fadeInUp ',
            ]
        );
        $this->add_control(
            'pylon_blog_duration',
            [
                'label'   => esc_html__( 'Duration', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::NUMBER,
                'min'     => 100,
                'max'     => 10000,
                'step'    => 10,
                'default' => 1500,
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_blog_content_box_css',
            [
                'label' => esc_html__( 'Content Box', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
                'condition' => [
                'pylon_blog_style_choose' => [ 'three'],
            ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'     => 'pylon_blog_content_box_bg',
                'label'    => esc_html__( 'Background', 'pyloncore' ),
                'types'    => ['classic', 'gradient', 'video'],
                'selector' => '{{WRAPPER}} .blog-card__content,{{WRAPPER}} .blog-one__single',
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_box_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '30',
                    'right'    => '30',
                    'bottom'   => '30',
                    'left'     => '30',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__content,{{WRAPPER}} .blog-one__single' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name'     => 'pylon_blog_content_box_shadow',
                'label'    => esc_html__( 'Box Shadow', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .blog-card__content,{{WRAPPER}} .blog-one__single',
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Border::get_type(),
            [
                'name'     => 'pylon_blog_content_box_border',
                'label'    => esc_html__( 'Border', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .blog-card__content,{{WRAPPER}} .blog-one__single',
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_box_border_radius',
            [
                'label'      => esc_html__( 'Border Radius', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 100,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'size' => 4,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__content,{{WRAPPER}} .blog-one__single' => 'border-radius: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_blog_content_meta_css',
            [
                'label' => esc_html__( 'Meta Box', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_blog_content_meta_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .blog-card__meta a,{{WRAPPER}} .blog-one__single__category a,{{WRAPPER}} .blog-one__single__category a',
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_meta_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .blog-card__meta a,{{WRAPPER}} .blog-one__single__category a,{{WRAPPER}} .blog-one__single__category a' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_meta_hcolor',
            [
                'label'     => esc_html__( 'Hover Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .blog-card__meta a:hover,{{WRAPPER}} .blog-one__single__category a:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
         $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'     => 'pylon_blog_category_bg',
                'label'    => esc_html__( 'Background', 'pyloncore' ),
                'types'    => ['classic', 'gradient', 'video'],
                'selector' => '{{WRAPPER}} .blog-card__image>span,{{WRAPPER}} .blog-one__single__category ',
                 'condition'=>[
                          'pylon_blog_style_choose'=>'three',
            ],
            ],
        );
        $this->add_responsive_control(
            'pylon_blog_content_meta_item_margin',
            [
                'label'      => esc_html__( 'Item Margin Left', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 20,
                        'step' => 5,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 7,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__meta span+span,{{WRAPPER}} .blog-one__single__category a' => 'margin-left: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_meta_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__meta,{{WRAPPER}} .blog-one__single__category ' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_meta_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__meta,{{WRAPPER}} .blog-one__single__category ' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_control(
            'pylon_blog_content_meta_note',
            [
                'label'     => esc_html__( 'Meta Icon CSS', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::HEADING,
                'separator' => 'before',
                 'condition'=>[
                          'pylon_blog_style_choose'=>'two',
                          'pylon_blog_style_choose'=>'one',
                      ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_meta_icon_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .blog-card__meta span.cat-links a:before,span.blog_comment a:before' => 'color: {{VALUE}}',
                ],
                'condition'=>[
                          'pylon_blog_style_choose'=>'two',
                          'pylon_blog_style_choose'=>'one',
                      ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_meta_icon_hcolor',
            [
                'label'     => esc_html__( 'Hover Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .blog-card__meta span.cat-links a:hover:before, span.blog_comment a:hover:before' => 'color: {{VALUE}}',
                ],
                 'condition'=>[
                          'pylon_blog_style_choose'=>'two',
                          'pylon_blog_style_choose'=>'one',
            ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_meta_icon_margin',
            [
                'label'      => esc_html__( 'Margin Right', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 5,
                        'max'  => 20,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 5,
                ],
                'selectors'  => [
                    '{{WRAPPER}} span.blog_comment:before,.blog-card__meta span.cat-links:before,.blog-card__meta span.byline_author:before' => 'margin-right: {{SIZE}}{{UNIT}};',
                ],
                 'condition'=>[
                          'pylon_blog_style_choose'=>'two',
                          'pylon_blog_style_choose'=>'one',
            ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_blog_content_title_css',
            [
                'label' => esc_html__( 'Title Box', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_blog_content_title_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .blog-card__content h3,{{WRAPPER}} .blog-one__single .blog-one__single__title,{{WRAPPER}} .blog-two__single-content h2',
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_title_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .blog-card__content h3 a,{{WRAPPER}} .blog-one__single .blog-one__single__title a,{{WRAPPER}} .blog-two__single-content h2 a' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_title_hcolor',
            [
                'label'     => esc_html__( 'Hover Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .blog-card__content h3 a:hover,{{WRAPPER}} .blog-one__single .blog-one__single__title a:hover,{{WRAPPER}} .blog-two__single-content h2 a:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_title_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '10',
                    'right'    => '0',
                    'bottom'   => '10',
                    'left'     => '0',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__content h3,{{WRAPPER}} .blog-one__single .blog-one__single__title,{{WRAPPER}} .blog-two__single-content h2 a ' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_title_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__content h3,{{WRAPPER}} .blog-one__single .blog-one__single__title,{{WRAPPER}} .blog-two__single-content h2 a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_blog_content_author_css',
            [
                'label' => esc_html__( 'Author Box', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_blog_content_author_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .blog-card__author span.author.vcard a,.blog-card__author,{{WRAPPER}} .author-name-style-two,{{WRAPPER}} .blog-two__single-content .meta-box li .text p a',
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_author_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .blog-card__author span.author.vcard a,.blog-card__author,{{WRAPPER}} .blog-one__single__meta  li a,{{WRAPPER}} .blog-two__single-content .meta-box li .text p a' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_author_hcolor',
            [
                'label'     => esc_html__( 'Hover Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .blog-card__author span.author.vcard a:hover,{{WRAPPER}} .blog-two__single-content .meta-box li .text p a:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_author_width',
            [
                'label'      => esc_html__( 'Width', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 10,
                        'max'  => 80,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 40,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__author img,{{WRAPPER}} .blog-two__single-content .meta-box li .text p a' => 'width: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_author_radius',
            [
                'label'      => esc_html__( 'Width', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['%'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 100,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => '%',
                    'size' => 50,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .border-radius,{{WRAPPER}} .blog-two__single-content .meta-box li .text p a' => 'width: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_author_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__author,{{WRAPPER}} .blog-two__single-content .meta-box li .text p a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_author_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__author,{{WRAPPER}} .blog-two__single-content .meta-box li .text p a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_blog_content_date_css',
            [
                'label' => esc_html__( 'Date Box', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_blog_content_date_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .blog-card__image>span,{{WRAPPER}} .blog-one__single__meta__date,{{WRAPPER}} .blog-two__single-img .inner .date-box h2',
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_date_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .blog-card__image>span,{{WRAPPER}} .blog-one__single__meta__date a ,{{WRAPPER}} .blog-two__single-img .inner .date-box h2' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'     => 'pylon_blog_content_date_bg',
                'label'    => esc_html__( 'Background', 'pyloncore' ),
                'types'    => ['classic', 'gradient', 'video'],
                'selector' => '{{WRAPPER}} .blog-card__image>span,{{WRAPPER}} .blog-one__single__meta__date,{{WRAPPER}} .blog-two__single-img .inner .date-box ',
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_date_width',
            [
                'label'      => esc_html__( 'Width', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 30,
                        'max'  => 150,
                        'step' => 1,
                    ],
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__image>span,{{WRAPPER}} .blog-one__single__meta__date,{{WRAPPER}} .blog-two__single-img .inner .date-box ' => 'width: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_date_heiht',
            [
                'label'      => esc_html__( 'Height', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 30,
                        'max'  => 150,
                        'step' => 1,
                    ],
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__image>span,{{WRAPPER}} .blog-one__single__meta__date,{{WRAPPER}} .blog-two__single-img .inner .date-box ' => 'height: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_date_top',
            [
                'label'      => esc_html__( 'Position Top', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 200,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'size' => 20,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__image>span,{{WRAPPER}} .blog-one__single__meta__date,{{WRAPPER}} .blog-two__single-img .inner .date-box' => 'top: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_date_left',
            [
                'label'      => esc_html__( 'Position Left', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 200,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'size' => 20,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__image>span,{{WRAPPER}} .blog-one__single__meta__date,{{WRAPPER}} .blog-two__single-img .inner .date-box' => 'left: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_date_radius',
            [
                'label'      => esc_html__( 'Border Radius', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['%'],
                'range'      => [
                    '%' => [
                        'min'  => 0,
                        'max'  => 100,
                        'step' => 1,
                    ],
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__image>span,{{WRAPPER}} .blog-one__single__meta__date,{{WRAPPER}} .blog-two__single-img .inner .date-box' => 'border-radius: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_date_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-card__image>span,{{WRAPPER}} .blog-one__single__meta__date,{{WRAPPER}} .blog-two__single-img .inner .date-box' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
//readmore box start
         $this->start_controls_section(
            'pylon_blog_content_read-more_css',
            [
                'label' => esc_html__( 'Read More Box', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
           $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_blog_content_read-more',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .blog-one__single__btn,{{WRAPPER}} .blog-two__single-content .btn-box a',
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_read-more_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .blog-one__single__btn,{{WRAPPER}} .blog-two__single-content .btn-box a' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_blog_content_read-more_hcolor',
            [
                'label'     => esc_html__( 'Hover Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .blog-one__single__btn:hover,{{WRAPPER}} .blog-two__single-content .btn-box a:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
         $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'     => 'pylon_blog__read-more_bg',
                'label'    => esc_html__( 'Background', 'pyloncore' ),
                'types'    => ['classic', 'gradient',],
                'selector' => '{{WRAPPER}} .blog-one__single__btn',
                 'condition'=>[
                          'pylon_blog_style_choose'=>'three',
            ],
            ],
           );
          $this->end_controls_section();
//readmore box end
           $this->start_controls_section(
            'pylon_blog_content_image_css',
            [
                'label' => esc_html__( 'Image Box', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
           $this->add_responsive_control(
            'pylon_blog_image_box_border_radius',
            [
                'label'      => esc_html__( 'Border Radius', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 50,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'size' => 4,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .blog-one__single__image img' => 'border-radius: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
    $this->end_controls_section();
    }
    //Render
    protected function render() {
        $settings = $this->get_settings_for_display();
        ob_start();
        if(isset($settings['pylon_blog_read_more']))
        {
            $pylon_blog_read_more=$settings['pylon_blog_read_more'];
        }
        else{
            $pylon_blog_read_more='Read More';
        }
        ?>
        <div class="pylon-blog-home">
                <?php 
                global $post;
                $paged = get_query_var('paged') ? get_query_var('paged') : 1;
                $p = new \WP_Query(
                    array(
                        'posts_per_page' => esc_attr($settings['pylon_blog_show_item']),
                        'post_type'      => 'post',
                        'paged' => $paged
                    )
                );
                $k = "";
                ?>
                 <div class="blog-one_single-min_box row">
                <?php
                while ($p->have_posts()) : $p->the_post(); ?>
                    <?php if($settings['pylon_blog_style_choose'] == 'three') {?>
                        <div class="col-md-12 col-lg-4 blog-one_single-min_box">
                            <div class="blog-one__single" >
                                <?php if($settings['pylon_blog_show_img'] == 'yes') {?>
                                <div class="blog-one__single__image">
                                    <img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'full')?>" alt="<?php echo get_post_meta( get_post_thumbnail_id(), '_wp_attachment_image_alt', true);?>">
                                    <div class="blog-one__single__category">
                                        <?php pylon_post_cat(); ?></div>
                                   
                                    <a href="<?php the_permalink(); ?>" class="blog-one__single__arrow">
                                        <i class="pylon-two-icon-arrow-right"></i>
                                    </a>
                                    </div>
                              <?php } ?>
                                <div class="blog-one__single__content">
                                    <ul class="list-unstyled blog-one__single__meta">
                                        <li class="author-name-style-two">
                                            <?php if($settings['pylon_blog_show_author'] == 'yes' ) : ?>
                                            <a href="<?php  esc_url( get_the_permalink());?>">  <?php echo pylon_posted_by(); ?>
                                            </a>
                                           <?php endif; ?>
                                        </li>
                                        <?php if($settings['pylon_blog_show_date'] == 'yes' ) : ?>
                                        <li class="blog-one__single__meta__date">
                                            <i class="far fa-calendar"></i>
                                            <a href="<?php the_permalink(); ?>">  
                                               <?php echo get_the_date('j M, Y'); ?>
                                            </a>
                                        </li>
                                        <?php endif; ?>
                                    </ul>
                                    <?php 
                                    if($settings['pylon_blog_show_title'] == 'yes' ){
                                        the_title( '<h3 class="blog-one__single__title"><a href="' . esc_url( get_the_permalink() ) . '" rel="bookmark">', '</a></h3>' ); 
                                    }
                                ?>
                                 <?php if($settings['pylon_blog_show_title'] == 'yes' ){  ?>
                                    <?php if($settings['pylon_blog_show_desc'] == 'yes'){?>
                                    <p class="blog-one__single__text"><?php the_excerpt();?></p>
                                <?php } ?>
                                <?php  } ?>
                                    <a href="<?php the_permalink(); ?>" class="blog-one__single__btn"><?php echo esc_html($settings['pylon_blog_read_more']); ?></a>
                                    
                                </div>
                            </div>
                        </div>
                     <?php }elseif($settings['pylon_blog_style_choose'] == 'four') {?>
                    <div class="col-xl-4 col-lg-4 wow animated fadeInUp" data-wow-delay="0.1s">
                        <div class="blog-two__single">
                            <div class="blog-two__single-img">
                                <div class="inner">
                                    <img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'full')?>" alt="<?php echo get_post_meta( get_post_thumbnail_id(), '_wp_attachment_image_alt', true);?>">
                                    <?php if($settings['pylon_blog_show_date'] == 'yes' ) : ?>
                                    <div class="date-box">
                                        <h2><?php echo get_the_date('d'); ?> <br>
                                            <span><?php echo get_the_date('M'); ?></span></h2>
                                    </div>
                                <?php endif; ?>
                                </div>
                            </div>
                            <div class="blog-two__single-content">
                                <div class="blog-two__single-content-inner text-center">
                                    <ul class="meta-box">
                                         <?php  if($settings['pylon_blog_show_author'] == 'yes' ) : ?>
                                        <li>
                                            <div class="icon">
                                                <span class="far fa-user"></span>
                                            </div>
                                            <div class="text">
                                                <p><?php esc_html__('by','pyloncore') ?><?php echo pylon_posted_by();  ?></p>
                                            </div>
                                        </li>
                                    <?php endif; ?>
                                        <li>
                                            <div class="icon">
                                                <span class="far fa-comments"></span>
                                            </div>
                                            <div class="text">
                                                <p><?php comments_popup_link('0 Comments', '1 Comment', '% '.esc_html__('Comments','pylon').''); ?></p>
                                            </div>
                                        </li>
                                    </ul>
                                    <h2>
                                    <?php 
                                    if($settings['pylon_blog_show_title'] == 'yes' ){
                                        the_title( '<a href="' . esc_url( get_the_permalink() ) . '" rel="bookmark">', '</a>' ); 
                                    }?>
                                    </h2>
                                    <p><?php echo wp_trim_words( get_the_excerpt(), esc_attr($settings['pylon_service_limit_word']) ); ?></p>
                                </div>
                                <div class="btn-box">
                                    <a href="<?php the_permalink(); ?>"><?php echo esc_html($settings['pylon_blog_read_more']); ?></a>
                                </div>
                            </div>
                        </div>
                    </div>
                   <?php  }elseif($settings['pylon_blog_style_choose'] == 'five'){
                    $k++;
                    if(($k%2)==0)         {
                    $fadeclass="fadeInLeft";
                    }else{
                    $fadeclass="fadeInRight ";
                    }
                    ?>
                    <div class="col-xl-4 col-lg-4 blog-two-five wow <?php echo $fadeclass; ?>" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="blog-two__single">
                            <div class="blog-two__single-img">
                                <div class="inner">
                                    <img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'full')?>" alt="#">
                                </div>
                                <?php if($settings['pylon_blog_show_date'] == 'yes' ) : ?>
                                <div class="date-box">
                                    <p><?php echo get_the_date('d'); ?> <?php echo get_the_date('M'); ?></p>
                                </div>
                              <?php endif; ?>
                            </div>

<?php }elseif($settings['pylon_blog_style_choose'] == 'one') {?>
                    <div class="col-lg-4 wow <?php echo esc_attr($settings['pylon_blog_animation']); ?>" data-wow-duration="<?php echo esc_attr($settings['pylon_blog_duration']); ?>">
                        <div class="blog-card">
                            <?php if ( has_post_thumbnail() ) : ?>
                            <div class="blog-card__image">
                                <?php if($settings['pylon_blog_show_date'] == 'yes' ) : ?>
                                 <span><?php echo get_the_date('j M, Y'); ?></span>
                                <?php endif; ?>
                                <?php if($settings['pylon_blog_show_img'] == 'yes' ) : ?>
                                <img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'full')?>" alt="<?php echo get_post_meta( get_post_thumbnail_id(), '_wp_attachment_image_alt', true);?>">
                                <?php endif; ?>
                            </div>
                            <?php endif; ?>
                            <div class="blog-card__content <?php if ( has_post_thumbnail()){ echo ' top-margin';} ?>">
                                <div class="blog-top">
                                <?php if($settings['pylon_blog_show_meta'] == 'yes' ) : ?>
                                <div class="blog-card__meta">
                                    <?php  if($settings['pylon_blog_show_author'] == 'yes' ) : ?>
                                    <?php echo pylon_posted_by(); ?>
                                    <?php endif; ?>   
                                    <?php pylon_post_cat(); ?>
                                </div>
                                <?php endif; ?>
                                <?php 
                                    if($settings['pylon_blog_show_title'] == 'yes' ){
                                        the_title( '<h3><a href="' . esc_url( get_the_permalink() ) . '" rel="bookmark">', '</a></h3>' ); 
                                    }
                                ?>
                                </div>
                                <div class="blog-card-bottom">                                    
                                    <?php if($pylon_blog_read_more!=""){ ?>
                                    <div class="blog-card-bottom-readmore">
                                        <a href="<?php the_permalink(); ?>" class="readmore-card-link"><i class="pylon-icon-right-arrow"></i><?php echo esc_html($settings['pylon_blog_read_more']); ?></a>
                                    </div>        
                                    <?php } ?>
                                    <span class="blog_comment">
                                        <?php comments_popup_link('0 Comments', '1 Comment', '% '.esc_html__('Comments','pylon').''); ?>
                                    </span>
                                </div>                                
                            </div>
                        </div>
                    </div>
                <?php } elseif($settings['pylon_blog_style_choose']=='two'){?>
                     <div class="col-lg-4 wow <?php echo esc_attr($settings['pylon_blog_animation']); ?>" data-wow-duration="<?php echo esc_attr($settings['pylon_blog_duration']); ?>">
                        <div class="blog-card-two">
                            <?php if($settings['pylon_blog_show_img'] == 'yes') {?>
                                <div class="blog-card-two__image">
                                    <?php if ( has_post_thumbnail() ) : ?>
                                        <img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'full') ?>" alt="pylon">
                                    <?php endif; ?>
                                    <?php if($settings['pylon_blog_show_meta']=='yes') {?>
                                        <div class="blog-card__cat">
                                            <?php pylon_post_cat(); ?>
                                        </div>
                                    <?php } ?>
                                </div>
                            <?php } ?>
                            <div class="blog-card-two__content">
                                <?php 
                                    if($settings['pylon_blog_show_title'] == 'yes' ){
                                        echo '<div class="blog-card-two__title">';
                                        the_title( '<h5><a href="' . esc_url( get_the_permalink() ) . '" rel="bookmark">', '</a></h5>' ); 
                                        echo '</div>';
                                    }
                                ?>
                                <?php if($settings['pylon_blog_show_author'] == 'yes') { $author_id=$p->post_author; ?>
                                    <div class="blog-card-two__meta">
                                        <?php if($settings['pylon_blog_show_author_img'] == 'yes') {?>
                                            <div class="author_img"><?php echo get_avatar( get_the_author_meta($author_id), 64 );; ?></div>
                                        <?php } ?>
                                        <div class="author_name">
                                            <h6><?php echo pylon_posted_by(); ?></h6>
                                            <?php if($settings['pylon_blog_show_date']== 'yes') {?>
                                                <div class="blog-comment-date"><a href="#"><?php echo get_the_date() ?></a></div>
                                            <?php } ?>
                                        </div>
                                    </div>
                                <?php } ?>
                            </div>
                        </div>
                     </div>
                <?php } ?>
                <?php endwhile; wp_reset_query(); ?>
            </div>
                <?php if($settings['pylon_blog_show_nav'] == 'yes' ) : ?>
                    <div class="service-nav service-nav mt-120 text-center w-100">
                        <?php pylon_paginate_nav( $p ); ?>
                    </div>
                <?php endif; ?>
            </div>
        <?php
        echo ob_get_clean();
    }
}
Plugin::instance()->widgets_manager->register_widget_type( new Pylon_blog_Widget );

cmd: