Стиль Echo в WooComerce

Question

Я использовал этот код для эхо-значения из пользовательского поля в моем WooComerce Shop. Но теперь у меня проблема с оформлением этого текста - как я могу это сделать?

// Display Fields 
add_action('woocommerce_product_options_general_product_data', 'woo_add_custom_general_fields'); 

// Save Fields 
add_action('woocommerce_process_product_meta', 'woo_add_custom_general_fields_save'); 

function woo_add_custom_general_fields() { 

    global $woocommerce, $post; 

    // Text Field 
    woocommerce_wp_textarea_input(
     array(
     'id'   => '_textarea', 
     'label'  => __('My Textarea', 'woocommerce'), 
     'placeholder' => '', 
     'desc_tip' => 'true', 
     'description' => __('Enter the custom value here.', 'woocommerce') 
    ) 
    ); 
} 
function woo_add_custom_general_fields_save($post_id){ 

    // Textarea 
    $woocommerce_textarea = $_POST['_textarea']; 
    if(!empty($woocommerce_textarea)) 
    update_post_meta($post_id, '_textarea', esc_html($woocommerce_textarea)); 

} 

Answer 1

woocommerce_wp_textarea_input принимает параметры стиля и класса.

woocommerce_wp_textarea_input(
     array(
     'id'   => '_textarea', 
     'label'  => __('My Textarea', 'woocommerce'), 
     'placeholder' => '', 
     'desc_tip' => 'true', 
     'description' => __('Enter the custom value here.', 'woocommerce'), 
     'class' => 'special-class' 
    ) 
    ); 

Затем деталь должен быть обернут в special-class классе, и вы можете использовать CSS, чтобы стиль ее так, как вам нравится.

.special-class { 
    border: 3px solid red; 
} 

Answer 2

Это базовый. Вы должны эхом отослать html. Добавьте класс в этот html, а затем создайте его с помощью CSS.

echo '<p style="color:blue;">'.get_post_meta($post->ID, '_textarea', true).'</p>';