Edit File: link_color.php
<?php if ( ! defined( 'ABSPATH' ) ) { die; } // Cannot access directly. /** * * Field: link_color * * @since 1.0.0 * @version 1.0.0 * */ if ( ! class_exists( 'CSF_Field_link_color' ) ) { class CSF_Field_link_color extends CSF_Fields { public function __construct( $field, $value = '', $unique = '', $where = '', $parent = '' ) { parent::__construct( $field, $value, $unique, $where, $parent ); } public function render() { $args = wp_parse_args( $this->field, array( 'color' => true, 'hover' => true, 'active' => false, 'visited' => false, 'focus' => false, ) ); $default_values = array( 'color' => '', 'hover' => '', 'active' => '', 'visited' => '', 'focus' => '', ); $color_props = array( 'color' => esc_html__( 'Normal', 'csf' ), 'hover' => esc_html__( 'Hover', 'csf' ), 'active' => esc_html__( 'Active', 'csf' ), 'visited' => esc_html__( 'Visited', 'csf' ), 'focus' => esc_html__( 'Focus', 'csf' ) ); $value = wp_parse_args( $this->value, $default_values ); echo $this->field_before(); foreach ( $color_props as $color_prop_key => $color_prop_value ) { if ( ! empty( $args[$color_prop_key] ) ) { $default_attr = ( ! empty( $this->field['default'][$color_prop_key] ) ) ? ' data-default-color="'. esc_attr( $this->field['default'][$color_prop_key] ) .'"' : ''; echo '<div class="csf--left csf-field-color">'; echo '<div class="csf--title">'. esc_attr( $color_prop_value ) .'</div>'; echo '<input type="text" name="'. esc_attr( $this->field_name( '['. $color_prop_key .']' ) ) .'" value="'. esc_attr( $value[$color_prop_key] ) .'" class="csf-color"'. $default_attr . $this->field_attributes() .'/>'; echo '</div>'; } } echo $this->field_after(); } public function output() { $output = ''; $elements = ( is_array( $this->field['output'] ) ) ? $this->field['output'] : array_filter( (array) $this->field['output'] ); $important = ( ! empty( $this->field['output_important'] ) ) ? '!important' : ''; if ( ! empty( $elements ) && isset( $this->value ) && $this->value !== '' ) { foreach ( $elements as $element ) { if ( isset( $this->value['color'] ) && $this->value['color'] !== '' ) { $output .= $element .'{color:'. $this->value['color'] . $important .';}'; } if ( isset( $this->value['hover'] ) && $this->value['hover'] !== '' ) { $output .= $element .':hover{color:'. $this->value['hover'] . $important .';}'; } if ( isset( $this->value['active'] ) && $this->value['active'] !== '' ) { $output .= $element .':active{color:'. $this->value['active'] . $important .';}'; } if ( isset( $this->value['visited'] ) && $this->value['visited'] !== '' ) { $output .= $element .':visited{color:'. $this->value['visited'] . $important .';}'; } if ( isset( $this->value['focus'] ) && $this->value['focus'] !== '' ) { $output .= $element .':focus{color:'. $this->value['focus'] . $important .';}'; } } } $this->parent->output_css .= $output; return $output; } } }