__( '3-in-1 Mortgage Calculator from TheMortgageReports.com', 'tmr_mortgage_calculator_domain' ), ) ); } // Creating widget front-end // This is where the action happens public function widget( $args, $instance ) { $color_scheme = $instance['color_scheme']; $orientation = $instance['orientation']; $color_background = $instance[ 'color_background' ]; $color_border = $instance[ 'color_border' ]; $color_text = $instance[ 'color_text' ]; $output = ""; if ($orientation == 'vertical') { $output = '
Mortgage Calculator

TheMortgageReports.com
'; } else { $output = '
Mortgage Calculator

TheMortgageReports.com
'; } $output = str_replace("{{color_text}}", $color_text, $output); $output = str_replace("{{color_border}}", $color_border, $output); $output = str_replace("{{color_background}}", $color_background, $output); echo $args['before_widget']; /* Widget Start */ echo $output; /* Widget End */ echo $args['after_widget']; } // Widget Backend public function form( $instance ) { if ( isset( $instance[ 'color_scheme' ] ) ) { $color_scheme = $instance[ 'color_scheme' ]; } else { $color_scheme = __( 'Gray', 'tmr_mortgage_calculator_domain' ); } if ( isset( $instance[ 'orientation' ] ) ) { $orientation = $instance[ 'orientation' ]; } else { $orientation = __( 'vertical', 'tmr_mortgage_calculator_domain' ); } if ( isset( $instance[ 'color_background' ] ) ) { $color_background = $instance[ 'color_background' ]; } else { $color_background = __( 'F1F2F3', 'tmr_mortgage_calculator_domain' ); } if ( isset( $instance[ 'color_border' ] ) ) { $color_border = $instance[ 'color_border' ]; } else { $color_border = __( 'D8D9DA', 'tmr_mortgage_calculator_domain' ); } if ( isset( $instance[ 'color_text' ] ) ) { $color_text = $instance[ 'color_text' ]; } else { $color_text = __( '656565', 'tmr_mortgage_calculator_domain' ); } if ( isset( $instance[ 'custom_table' ] ) ) { $custom_table = $instance[ 'custom_table' ]; } else { $custom_table = __( 'true', 'tmr_mortgage_calculator_domain' ); } // Widget admin form ?>

COLOR EXAMPLE

>
Customize Colors:
/> Background
/> Border
/> Text