在预构建的可视化合成器模块中更改价格大小

Question

我正在为我的客户制作一个主题，并面对WP面包店模块的问题，该模块由主题所有者创建。

以下是我遇到问题的代码：

use MikadoCore\Lib;

class PricingItem implements Lib\ShortcodeInterface {
    private $base;

    function __construct() {
        $this->base = 'mkd_pricing_item';
        add_action('vc_before_init', array($this, 'vcMap'));
    }

    public function getBase() {
        return $this->base;
    }

    public function vcMap() {
        vc_map( array(
            'name' => esc_html__('Mikado Pricing Item', 'mkd-core'),
            'base' => $this->base,
            'icon' => 'icon-wpb-pricing-item extended-custom-icon',
            'category' => esc_html__('by MIKADO', 'mkd-core'),
            'allowed_container_element' => 'vc_row',
            'params' => array(
                array(
                    'type'       => 'textfield',
                    'param_name' => 'price_value',
                    'heading'    => esc_html__('Value', 'mkd-core')
                ),
                array(
                    'type'       => 'colorpicker',
                    'param_name' => 'price_color',
                    'heading'    => esc_html__('Price Color', 'mkd-core'),
                    'dependency' => array('element' => 'price_value', 'not_empty' => true)
                ),
                array(
                    'type'        => 'textfield',
                    'param_name'  => 'currency',
                    'heading'     => esc_html__('Currency', 'mkd-core'),
                    'description' => esc_html__('Default mark is $', 'mkd-core')
                ),
                array(
                    'type'       => 'colorpicker',
                    'param_name' => 'currency_color',
                    'heading'    => esc_html__('Currency Color', 'mkd-core'),
                    'dependency' => array('element' => 'currency', 'not_empty' => true)
                ),
                array(
                    'type'        => 'textfield',
                    'param_name'  => 'title',
                    'heading'     => esc_html__('Title', 'mkd-core'),
                    'save_always' => true
                ),
                array(
                    'type'       => 'textfield',
                    'param_name' => 'subtitle',
                    'heading'    => esc_html__('Subtitle', 'mkd-core')
                ),
                array(
                    'type'       => 'textarea_html',
                    'param_name' => 'content',
                    'heading'    => esc_html__('Content', 'mkd-core'),
                    'value'      => '<li>content content content</li><li>content content content</li><li>content content content</li>'
                )
            )
        ));
    }

    public function render($atts, $content = null) {
        $args = array(
            'price_value'               => '100',
            'price_color'           => '',
            'currency'              => '$',
            'currency_color'        => '',
            'title'                 => '',
            'subtitle'              => ''
        );

        $params = shortcode_atts($args, $atts);
        extract($params);

        $html = '';

        $params['content']= preg_replace('#^<\/p>|<p>$#', '', $content); // delete p tag before and after content
        $params['price_styles'] = $this->getPriceStyles($params);
        $params['currency_styles'] = $this->getCurrencyStyles($params);

        $html .= mkd_core_get_shortcode_module_template_part('templates/pricing-item-template', 'pricing-item', '', $params);

        return $html;
    }



    private function getPriceStyles($params) {
        $itemStyle = array();

        if (!empty($params['price_color'])) {
            $itemStyle[] = 'color: '.$params['price_color'];
        }

        return implode(';', $itemStyle);
    }

    private function getCurrencyStyles($params) {
        $itemStyle = array();

        if (!empty($params['currency_color'])) {
            $itemStyle[] = 'color: '.$params['currency_color'];
        }

        return implode(';', $itemStyle);
    }
}

此代码的结果是：

正如您所看到的，价格显得太大而无法覆盖文本。

如何减小价格？