add_control(
'columns_heading_control',
array(
'label' => esc_html__( 'Columns', 'bella-beauty' ),
'type' => Controls_Manager::HEADING,
)
);
$this->add_responsive_control(
'columns_gap',
array(
'label' => esc_html__( 'Gap Between', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'%' => array(
'min' => 0,
'max' => 100,
),
'px' => array(
'min' => 0,
'max' => 300,
),
),
'size_units' => array(
'%',
'px',
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'columns_gap' ) . ': {{SIZE}}{{UNIT}};',
),
)
);
$this->add_control(
'gallery_columns_heading_control',
array(
'label' => esc_html__( 'Gallery Columns', 'bella-beauty' ),
'type' => Controls_Manager::HEADING,
)
);
$this->add_responsive_control(
'gallery_columns_gap',
array(
'label' => esc_html__( 'Gap Between', 'bella-beauty' ),
'type' => Controls_Manager::SLIDER,
'range' => array(
'%' => array(
'min' => 0,
'max' => 100,
),
'px' => array(
'min' => 0,
'max' => 300,
),
),
'size_units' => array(
'%',
'px',
),
'selectors' => array(
':root' => '--' . $this->get_control_prefix_parameter( '', 'gallery_columns_gap' ) . ': {{SIZE}}{{UNIT}};',
),
)
);
}
}