Title: Customize Page Error / Full width posts
Last modified: August 22, 2016

---

# Customize Page Error / Full width posts

 *  [MissBizz](https://wordpress.org/support/users/missbizz/)
 * (@missbizz)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/)
 * When I try to use the customize option I get the following error
    `Parse error:
   syntax error, unexpected '[', expecting ')' in /home/lonewolfhelp/lonewolf.missbizz.
   net/wp-content/themes/evolve/library/functions/customizer-class.php on line 84`
 * I deleted the theme and reinstalled. As well, tried deactivating the theme and
   using ‘live preview’ and it also gave me the same error. Any suggestions?
 * Second question. I am wondering if it is possible to have the first 2 posts be
   full width, full (not excerpt) posts, with grid following afterwards.

Viewing 13 replies - 1 through 13 (of 13 total)

 *  [swden](https://wordpress.org/support/users/swden/)
 * (@swden)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208294)
 * The same…. after updating the theme Evolve. How ti fix it?
 *  [najibulhuq](https://wordpress.org/support/users/najibulhuq/)
 * (@najibulhuq)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208316)
 * Actually, I had this issue too and a few other issues after installing **Evolve**…
   There’s a customize.php error too every time I try to customize it… So, could
   it be exclusively because of evolve?
 *  [Romik84](https://wordpress.org/support/users/romik84/)
 * (@romik84)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208347)
 * how do I replicate this error? I am not able to get it on my side 🙁
 *  Thread Starter [MissBizz](https://wordpress.org/support/users/missbizz/)
 * (@missbizz)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208356)
 * I’m not sure. I am using the newest version of WordPress and use dreamhost. I
   did not manually install the theme, I did it through WordPress. Not sure what
   else I can tell you to help figure out the problem. I also had not edited the
   theme in any way.
 *  [paul-wordpress](https://wordpress.org/support/users/paul-wordpress/)
 * (@paul-wordpress)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208371)
 * I had the same problem in 3.9.2 and i changed my WP version in 3.9.1.
 * I still have the same problem in 3.9.1.
 * Parse error: syntax error, unexpected ‘[‘, expecting ‘)’ in /var/www/website/
   blog/wp-content/themes/evolve/library/functions/customizer-class.php on line 
   84
 *  [farag3](https://wordpress.org/support/users/farag3/)
 * (@farag3)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208380)
 * Have the same error after update up to 3.0.0.
 *  [abitus](https://wordpress.org/support/users/abitus/)
 * (@abitus)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208396)
 * Hi there,some php server don’t support a function in :customizer-class.php on
   line 84
    So u can update this file
 *     ```
       <?php
       /********************************************
                   *
                   * Typography add new by ddo
                   *
                   * class evl_Customize_Typography_Control
                   * override function render_content()
                   * hien thi 4 basic control
                   *
                   *********************************************/
   
       class User_Dropdown_Custom_Control extends WP_Customize_Control
       {
   
           private $users = false;
   
           public function __construct($manager, $id, $args = array(), $options = array())
           {
               $this->users = get_users( $options );
   
               parent::__construct( $manager, $id, $args );
           }
   
           /**
            * Render the control's content.
            *
            * Allows the content to be overriden without having to rewrite the wrapper.
            *
            * @return  void
            */
           public function render_content()
           {
               if(empty($this->users))
               {
                   return false;
               }
       	?>
       		<label>
       			<span class="customize-control-title" ><?php echo esc_html( $this->label ); ?></span>
       			<select <?php $this->link(); ?>>
       			<?php foreach( $this->users as $user )
                                     {
                                       printf('<option value="%s" %s>%s</option>',
                                       $user->data->ID,
                                       selected($this->value(), $user->data->ID, false),
                                       $user->data->display_name);
                                     } ?>
       			</select>
       		</label>
       	<?php
           }
       } // end class
   
       class evl_Customize_Typography_Control extends WP_Customize_Control {
           public $type = 'typography';
   
           public function render_content() {
       		  $output = '';
           		$options = evolve_options();
   
       			$optionname= substr($this->id,13);
   
       			$typography_stored = $options[$optionname];
   
       //var_dump($this->value()) ;
       			//echo json_encode($this->value()) ;
       			$value['id']=$optionname;
       			$name= "evolve-theme[$optionname]";
       			wp_enqueue_style('theme-options', EVL_DIRECTORY.'css/colorpicker.css');
       			wp_enqueue_script('color-picker', EVL_DIRECTORY.'js/colorpicker.js', array('jquery'));
       	?>
       			<input style = 'display:none' class = 'typography-font' name =<?php echo $name ?> <?php $this->link(); ?> value = '<?php echo $this->value() ;?>' />
       			<!-- Font Size -->
       			<label >
       			<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
       			<select  class="t4p-typography t4p-typography-size">
   
       			<?php 
   
       			for ($i = 9; $i < 71; $i++) {
       				$size = $i . 'px';
       				printf('<option value="%s" %s>%s</option>',
                                      esc_attr($size),
                                       selected($this->value()['size'], $size, false),
                                       esc_attr($size));
       			?>	
   
       			<?php
       			}
   
       			?>
       			</select>
       			</label >
       			<label >
   
       			<!-- Font Face -->
       			<?php $faces = evl_recognized_font_faces();
       			//print_r ($faces) ;
       			?>
   
       			<select  class="t4p-typography t4p-typography-face">
       			<?php
       				foreach ( $faces as $key => $face ) {
       				printf('<option value="%s" %s>%s</option>',
                                      esc_attr($face),
                                       selected($this->value()['face'], $key, false),
                                       esc_attr($face));
       				?>
   
       			<?php
       			}
   
       			?>
       			</select>
       			</label >
       			<label >
   
       			<!-- Font Weight -->
       			<?php $styles = evl_recognized_font_styles();	 ?>
   
       			<select  class="t4p-typography t4p-typography-style">
       			<?php
       				foreach ( $styles as $key => $style ) {
       					printf('<option value="%s" %s>%s</option>',
       	                               strtolower (esc_attr($style)),
       	                                selected(strtolower ($this->value()['style']), strtolower ($key), false),
       	                                esc_attr($style));
   
       				?>
   
       			<?php
       			}
   
       			?>
       			</select>
   
       			<!-- Color -->
       			<!--
   
       			$output .= '<div id="' . esc_attr( $value['id'] ) . '_color_picker" class="colorSelector"><div style="' . esc_attr( 'background-color:' . $typography_stored['color'] ) . '"></div></div>';
       			$output .= '<input class="t4p-color t4p-typography t4p-typography-color" name="' . esc_attr( $option_name . '[' . $value['id'] . '][color]' ) . '" id="' . esc_attr( $value['id'] . '_color' ) . '" type="text" value="' . esc_attr( $typography_stored['color'] ) . '" />';
       			-->
       			<div class = "t4p-typography">
       			<div id="" class="colorSelector"><div style="background:<?php echo $this->value()['color'] ;?>"></div></div>
       			<input style = 'width:80%;float:left;margin-left:10px;' class="t4p-typography-color"  id="" type="text" value="<?php echo $this->value()['color'] ;?>">
       			</div>
       			</label>
       			<script type="text/javascript">
       				jQuery(document).ready(function($) {
       					$('.t4p-typography').change(function(){
       						var p = $(this).parent();
       						set_json (p) ;
       					});
       					var set_json = function(p){
       						var size = p.find('.t4p-typography-size').val();
       						var face = p.find('.t4p-typography-face').val();
       						var style = p.find('.t4p-typography-style').val();
       						var color = p.find('.t4p-typography-color').val();
       						var json = '{"size":"'+size+'","face":"'+face+'","style":"'+style+'","color":"'+color+'"}';
       						p.parent().find('input.typography-font').val(json);
       						p.parent().find('input.typography-font').keyup();
       					};
       					$('.colorSelector').each(function(){
       						var Othis = this; //cache a copy of the this variable for use inside nested function
       						var initialColor = $(Othis).next('input').attr('value');
       						$(this).ColorPicker({
       							color: initialColor,
       							onShow: function (colpkr) {
       							$(colpkr).fadeIn(500);
       							return false;
       							},
       							onHide: function (colpkr) {
       							$(colpkr).fadeOut(500);
       								var p = $(Othis).parent ().parent () ;
       								set_json (p) ;
       							return false;
       							},
       							onChange: function (hsb, hex, rgb) {
       								$(Othis).children('div').css('backgroundColor', '#' + hex);
       								$(Othis).next('input').attr('value','#' + hex);
       							}
       						});
       					});
   
       				});
   
       			</script>
       			<style>
       			.colorpicker{z-index: 1111111111111111111;}
       			.t4p-typography{width:100%;}
       			</style>
       <?php	
   
           }
       }
   
       /*end add new by ddo */
   
       class evl_Customize_Image_Control extends WP_Customize_Control {
   
           public function render_content() {
   
       				if ( empty( $this->choices ) )
       					return;
   
       				$name = '_customize-radio-' . $this->id;
   
       				?>
       				<style>
       				#t4p_container .t4p-radio-img-img {
       					border: 3px solid #DEDEDE;
       					margin: 0 5px 5px 0;
       					cursor: pointer;
       					border-radius: 3px;
       					-moz-border-radius: 3px;
       					-webkit-border-radius: 3px;
       					}
       				#t4p_container .t4p-radio-img-selected {
       					border: 3px solid #AAA;
       					border-radius: 3px;
       					-moz-border-radius: 3px;
       					-webkit-border-radius: 3px;
       					}
       				input[type=checkbox]:before {
       					content: '';
       					margin: -3px 0 0 -4px;
       					}
       				</style>
       				<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
       				<ul class="controls" id = 't4p_container'>
       				<?php
       				foreach ( $this->choices as $value => $label ) :
       					$class = ($this->value() == $value)?'t4p-radio-img-selected t4p-radio-img-img':'t4p-radio-img-img';
       					?>
       					<li style="display: inline;">
       					<label>
       						<input <?php $this->link(); ?>style = 'display:none' type="radio" value="<?php echo esc_attr( $value ); ?>" name="<?php echo esc_attr( $name ); ?>" <?php $this->link(); checked( $this->value(), $value ); ?> />
       						<img src = '<?php echo esc_html( $label ); ?>' class = '<?php echo $class; ?>' />
       					</label>
       					</li>
       					<?php
       				endforeach;
       				?>
       				</ul>
       				<script type="text/javascript">
   
       				jQuery(document).ready(function($) {
       					$('.controls#t4p_container li img').click(function(){console.log ('ssss') ;
       						$('.controls#t4p_container li').each(function(){
       							$(this).find('img').removeClass ('t4p-radio-img-selected') ;
       						});
       						$(this).addClass ('t4p-radio-img-selected') ;
       					});
       				});
   
       				</script>
       				<?php
           }
       }
       class evl_Customize_Textarea_Control extends WP_Customize_Control {
   
           public function render_content() {
   
       				$name = '_customize-textarea-' . $this->id;
   
       				?>
       				<style>
       				</style>
       				<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
       				<label>
       					<textarea style="margin: 2px; width: 100%; height: 102px;" <?php $this->link(); ?>><?php echo esc_attr( $this->value() ); ?></textarea>
       				</label>
       				<script type="text/javascript">
       				jQuery(document).ready(function($) {
       				});
       				</script>
       				<?php
           }
       }
       ?>
       ```
   
 *  [farag3](https://wordpress.org/support/users/farag3/)
 * (@farag3)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208399)
 * I updated, but it didn’t helped. 🙁
 *  [abitus](https://wordpress.org/support/users/abitus/)
 * (@abitus)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208401)
 * ah, sorry, there are something not good,
    try with this:
 *     ```
       <?php
       /********************************************
                   *
                   * Typography add new by ddo
                   *
                   * class evl_Customize_Typography_Control
                   * override function render_content()
                   * hien thi 4 basic control
                   *
                   *********************************************/
   
       class User_Dropdown_Custom_Control extends WP_Customize_Control
       {
   
           private $users = false;
   
           public function __construct($manager, $id, $args = array(), $options = array())
           {
               $this->users = get_users( $options );
   
               parent::__construct( $manager, $id, $args );
           }
   
           /**
            * Render the control's content.
            *
            * Allows the content to be overriden without having to rewrite the wrapper.
            *
            * @return  void
            */
           public function render_content()
           {
               if(empty($this->users))
               {
                   return false;
               }
       	?>
       		<label>
       			<span class="customize-control-title" ><?php echo esc_html( $this->label ); ?></span>
       			<select <?php $this->link(); ?>>
       			<?php foreach( $this->users as $user )
                                     {
                                       printf('<option value="%s" %s>%s</option>',
                                       $user->data->ID,
                                       selected($this->value(), $user->data->ID, false),
                                       $user->data->display_name);
                                     } ?>
       			</select>
       		</label>
       	<?php
           }
       } // end class
   
       class evl_Customize_Typography_Control extends WP_Customize_Control {
           public $type = 'typography';
   
           public function render_content() {
       		  $output = '';
           		$options = evolve_options();
   
       			$optionname= substr($this->id,13);
   
       			$typography_stored = $options[$optionname];
   
       //var_dump($this->value()) ;
       			//echo json_encode($this->value()) ;
       			$value['id']=$optionname;
       			$name= "evolve-theme[$optionname]";
       			wp_enqueue_style('theme-options', EVL_DIRECTORY.'css/colorpicker.css');
       			wp_enqueue_script('color-picker', EVL_DIRECTORY.'js/colorpicker.js', array('jquery'));
       			$value = $this->value();
       	?>
       			<input style = 'display:none' class = 'typography-font' name =<?php echo $name ?> <?php $this->link(); ?> value = '<?php echo $this->value() ;?>' />
       			<!-- Font Size -->
       			<label >
       			<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
       			<select  class="t4p-typography t4p-typography-size">
   
       			<?php 
   
       			for ($i = 9; $i < 71; $i++) {
       				$size = $i . 'px';
       				printf('<option value="%s" %s>%s</option>',
                                      esc_attr($size),
                                       selected($value['size'], $size, false),
                                       esc_attr($size));
       			?>	
   
       			<?php
       			}
   
       			?>
       			</select>
       			</label >
       			<label >
   
       			<!-- Font Face -->
       			<?php $faces = evl_recognized_font_faces();
       			//print_r ($faces) ;
       			?>
   
       			<select  class="t4p-typography t4p-typography-face">
       			<?php
       				foreach ( $faces as $key => $face ) { 
   
       					printf('<option value="%s" %s>%s</option>',
                                      esc_attr($face),
                                       selected($value['face'], $key, false),
                                       esc_attr($face));
       				?>
   
       			<?php
       			}
   
       			?>
       			</select>
       			</label >
       			<label >
   
       			<!-- Font Weight -->
       			<?php $styles = evl_recognized_font_styles();	 ?>
   
       			<select  class="t4p-typography t4p-typography-style">
       			<?php
       				foreach ( $styles as $key => $style ) {
       					printf('<option value="%s" %s>%s</option>',
       	                               strtolower (esc_attr($style)),
       	                                selected(strtolower ($value['style']), strtolower ($key), false),
       	                                esc_attr($style));
   
       				?>
   
       			<?php
       			}
   
       			?>
       			</select>
   
       			<!-- Color -->
       			<!--
   
       			$output .= '<div id="' . esc_attr( $value['id'] ) . '_color_picker" class="colorSelector"><div style="' . esc_attr( 'background-color:' . $typography_stored['color'] ) . '"></div></div>';
       			$output .= '<input class="t4p-color t4p-typography t4p-typography-color" name="' . esc_attr( $option_name . '[' . $value['id'] . '][color]' ) . '" id="' . esc_attr( $value['id'] . '_color' ) . '" type="text" value="' . esc_attr( $typography_stored['color'] ) . '" />';
       			-->
       			<div class = "t4p-typography">
       			<div id="" class="colorSelector"><div style="background:<?php echo $value['color'] ;?>"></div></div>
       			<input style = 'width:80%;float:left;margin-left:10px;' class="t4p-typography-color"  id="" type="text" value="<?php echo $value['color'] ;?>">
       			</div>
       			</label>
       			<script type="text/javascript">
       				jQuery(document).ready(function($) {
       					$('.t4p-typography').change(function(){
       						var p = $(this).parent();
       						set_json (p) ;
       					});
       					var set_json = function(p){
       						var size = p.find('.t4p-typography-size').val();
       						var face = p.find('.t4p-typography-face').val();
       						var style = p.find('.t4p-typography-style').val();
       						var color = p.find('.t4p-typography-color').val();
       						var json = '{"size":"'+size+'","face":"'+face+'","style":"'+style+'","color":"'+color+'"}';
       						p.parent().find('input.typography-font').val(json);
       						p.parent().find('input.typography-font').keyup();
       					};
       					$('.colorSelector').each(function(){
       						var Othis = this; //cache a copy of the this variable for use inside nested function
       						var initialColor = $(Othis).next('input').attr('value');
       						$(this).ColorPicker({
       							color: initialColor,
       							onShow: function (colpkr) {
       							$(colpkr).fadeIn(500);
       							return false;
       							},
       							onHide: function (colpkr) {
       							$(colpkr).fadeOut(500);
       								var p = $(Othis).parent ().parent () ;
       								set_json (p) ;
       							return false;
       							},
       							onChange: function (hsb, hex, rgb) {
       								$(Othis).children('div').css('backgroundColor', '#' + hex);
       								$(Othis).next('input').attr('value','#' + hex);
       							}
       						});
       					});
   
       				});
   
       			</script>
       			<style>
       			.colorpicker{z-index: 1111111111111111111;}
       			.t4p-typography{width:100%;}
       			</style>
       <?php	
   
           }
       }
   
       /*end add new by ddo */
   
       class evl_Customize_Image_Control extends WP_Customize_Control {
   
           public function render_content() {
   
       				if ( empty( $this->choices ) )
       					return;
   
       				$name = '_customize-radio-' . $this->id;
   
       				?>
       				<style>
       				#t4p_container .t4p-radio-img-img {
       					border: 3px solid #DEDEDE;
       					margin: 0 5px 5px 0;
       					cursor: pointer;
       					border-radius: 3px;
       					-moz-border-radius: 3px;
       					-webkit-border-radius: 3px;
       					}
       				#t4p_container .t4p-radio-img-selected {
       					border: 3px solid #AAA;
       					border-radius: 3px;
       					-moz-border-radius: 3px;
       					-webkit-border-radius: 3px;
       					}
       				input[type=checkbox]:before {
       					content: '';
       					margin: -3px 0 0 -4px;
       					}
       				</style>
       				<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
       				<ul class="controls" id = 't4p_container'>
       				<?php
       				foreach ( $this->choices as $value => $label ) :
       					$class = ($this->value() == $value)?'t4p-radio-img-selected t4p-radio-img-img':'t4p-radio-img-img';
       					?>
       					<li style="display: inline;">
       					<label>
       						<input <?php $this->link(); ?>style = 'display:none' type="radio" value="<?php echo esc_attr( $value ); ?>" name="<?php echo esc_attr( $name ); ?>" <?php $this->link(); checked( $this->value(), $value ); ?> />
       						<img src = '<?php echo esc_html( $label ); ?>' class = '<?php echo $class; ?>' />
       					</label>
       					</li>
       					<?php
       				endforeach;
       				?>
       				</ul>
       				<script type="text/javascript">
   
       				jQuery(document).ready(function($) {
       					$('.controls#t4p_container li img').click(function(){console.log ('ssss') ;
       						$('.controls#t4p_container li').each(function(){
       							$(this).find('img').removeClass ('t4p-radio-img-selected') ;
       						});
       						$(this).addClass ('t4p-radio-img-selected') ;
       					});
       				});
   
       				</script>
       				<?php
           }
       }
       class evl_Customize_Textarea_Control extends WP_Customize_Control {
   
           public function render_content() {
   
       				$name = '_customize-textarea-' . $this->id;
   
       				?>
       				<style>
       				</style>
       				<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
       				<label>
       					<textarea style="margin: 2px; width: 100%; height: 102px;" <?php $this->link(); ?>><?php echo esc_attr( $this->value() ); ?></textarea>
       				</label>
       				<script type="text/javascript">
       				jQuery(document).ready(function($) {
       				});
       				</script>
       				<?php
           }
       }
       ?>
       ```
   
 *  [farag3](https://wordpress.org/support/users/farag3/)
 * (@farag3)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208403)
 * Great job! All works perfectly. May be look at my thread, where I asked one question?
   🙂 [http://wordpress.org/support/topic/theme-evolve-reduce-the-top-margin](http://wordpress.org/support/topic/theme-evolve-reduce-the-top-margin)
 *  [abitus](https://wordpress.org/support/users/abitus/)
 * (@abitus)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208404)
 * Hi farag3, this is not great job, the font selector not good,
    so u can updated
   by new file below
 *     ```
       <?php
       /********************************************
                   *
                   * Typography add new by ddo
                   *
                   * class evl_Customize_Typography_Control
                   * override function render_content()
                   * hien thi 4 basic control
                   *
                   *********************************************/
   
       class User_Dropdown_Custom_Control extends WP_Customize_Control
       {
   
           private $users = false;
   
           public function __construct($manager, $id, $args = array(), $options = array())
           {
               $this->users = get_users( $options );
   
               parent::__construct( $manager, $id, $args );
           }
   
           /**
            * Render the control's content.
            *
            * Allows the content to be overriden without having to rewrite the wrapper.
            *
            * @return  void
            */
           public function render_content()
           {
               if(empty($this->users))
               {
                   return false;
               }
       	?>
       		<label>
       			<span class="customize-control-title" ><?php echo esc_html( $this->label ); ?></span>
       			<select <?php $this->link(); ?>>
       			<?php foreach( $this->users as $user )
                                     {
                                       printf('<option value="%s" %s>%s</option>',
                                       $user->data->ID,
                                       selected($this->value(), $user->data->ID, false),
                                       $user->data->display_name);
                                     } ?>
       			</select>
       		</label>
       	<?php
           }
       } // end class
   
       class evl_Customize_Typography_Control extends WP_Customize_Control {
           public $type = 'typography';
   
           public function render_content() {
       		  $output = '';
           		$options = evolve_options();
   
       			$optionname= substr($this->id,13);
   
       			$typography_stored = $options[$optionname];
   
       //var_dump($this->value()) ;
       			//echo json_encode($this->value()) ;
       			$value['id']=$optionname;
       			$name= "evolve-theme[$optionname]";
       			wp_enqueue_style('theme-options', EVL_DIRECTORY.'css/colorpicker.css');
       			wp_enqueue_script('color-picker', EVL_DIRECTORY.'js/colorpicker.js', array('jquery'));
       			$value = $this->value();
       	?>
       			<input style = 'display:none' class = 'typography-font' name =<?php echo $name ?> <?php $this->link(); ?> value = '<?php echo $this->value() ;?>' />
       			<!-- Font Size -->
       			<label >
       			<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
       			<select  class="t4p-typography t4p-typography-size">
   
       			<?php 
   
       			for ($i = 9; $i < 71; $i++) {
       				$size = $i . 'px';
       				printf('<option value="%s" %s>%s</option>',
                                      esc_attr($size),
                                       selected($value['size'], $size, false),
                                       esc_attr($size));
       			?>	
   
       			<?php
       			}
   
       			?>
       			</select>
       			</label >
       			<label >
   
       			<!-- Font Face -->
       			<?php
       			$faces = evl_recognized_font_faces();
       			//$faces = apply_filters('evl_font_face','');
       			//print_r ($faces) ;
       			?>
   
       			<select  class="t4p-typography t4p-typography-face">
       			<?php
       				foreach ( $faces as $key => $face ) { 
   
       					printf('<option value="%s" %s>%s</option>',
       								esc_attr($key),
                                       selected($value['face'], $key, false),
                                       esc_attr($face));
       				?>
   
       			<?php
       			}
   
       			?>
       			</select>
       			</label >
       			<label >
   
       			<!-- Font Weight -->
       			<?php $styles = evl_recognized_font_styles();	 ?>
   
       			<select  class="t4p-typography t4p-typography-style">
       			<?php
       				foreach ( $styles as $key => $style ) {
       					printf('<option value="%s" %s>%s</option>',
       	                               strtolower (esc_attr($style)),
       	                                selected(strtolower ($value['style']), strtolower ($key), false),
       	                                esc_attr($style));
   
       				?>
   
       			<?php
       			}
   
       			?>
       			</select>
   
       			<!-- Color -->
       			<!--
   
       			$output .= '<div id="' . esc_attr( $value['id'] ) . '_color_picker" class="colorSelector"><div style="' . esc_attr( 'background-color:' . $typography_stored['color'] ) . '"></div></div>';
       			$output .= '<input class="t4p-color t4p-typography t4p-typography-color" name="' . esc_attr( $option_name . '[' . $value['id'] . '][color]' ) . '" id="' . esc_attr( $value['id'] . '_color' ) . '" type="text" value="' . esc_attr( $typography_stored['color'] ) . '" />';
       			-->
       			</label >
       			<label >
       			<div id="" class="colorSelector"><div style="background:<?php echo $value['color'] ;?>"></div></div>
       			<input style = 'width:80%;float:left;margin-left:10px;' class="t4p-typography-color"  id="" type="text" value="<?php echo $value['color'] ;?>">
       			</label>
       			<script type="text/javascript">
       				jQuery(document).ready(function($) {
       					$('.t4p-typography').change(function(){
       						var p = $(this).parent().parent();
       						set_json (p) ;
       					});
       					var set_json = function(p){
       						var size 	= p.find('.t4p-typography-size')	.val();
       						var face 	= p.find('.t4p-typography-face')	.val();
       						var style	= p.find('.t4p-typography-style')	.val();
       						var color 	= p.find('.t4p-typography-color')	.val();
       						var json = '{"size":"'+size+'","face":"'+face+'","style":"'+style+'","color":"'+color+'"}';
       						p.find('input.typography-font').val(json);
       						p.find('input.typography-font').keyup();
       					};
       					$('.colorSelector').each(function(){
       						var Othis = this; //cache a copy of the this variable for use inside nested function
       						var initialColor = $(Othis).next('input').attr('value');
       						$(this).ColorPicker({
       							color: initialColor,
       							onShow: function (colpkr) {
       							$(colpkr).fadeIn(500);
       							return false;
       							},
       							onHide: function (colpkr) {
       							$(colpkr).fadeOut(500);
       								var p = $(Othis).parent ().parent () ;
       								set_json (p) ;
       							return false;
       							},
       							onChange: function (hsb, hex, rgb) {
       								$(Othis).children('div').css('backgroundColor', '#' + hex);
       								$(Othis).next('input').attr('value','#' + hex);
       							}
       						});
       					});
   
       				});
   
       			</script>
       			<style>
       			.colorpicker{z-index: 1111111111111111111;}
       			.t4p-typography{width:100%;}
       			</style>
       <?php	
   
           }
       }
   
       /*end add new by ddo */
   
       class evl_Customize_Image_Control extends WP_Customize_Control {
   
           public function render_content() {
   
       				if ( empty( $this->choices ) )
       					return;
   
       				$name = '_customize-radio-' . $this->id;
   
       				?>
       				<style>
       				#t4p_container .t4p-radio-img-img {
       					border: 3px solid #DEDEDE;
       					margin: 0 5px 5px 0;
       					cursor: pointer;
       					border-radius: 3px;
       					-moz-border-radius: 3px;
       					-webkit-border-radius: 3px;
       					}
       				#t4p_container .t4p-radio-img-selected {
       					border: 3px solid #AAA;
       					border-radius: 3px;
       					-moz-border-radius: 3px;
       					-webkit-border-radius: 3px;
       					}
       				input[type=checkbox]:before {
       					content: '';
       					margin: -3px 0 0 -4px;
       					}
       				</style>
       				<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
       				<ul class="controls" id = 't4p_container'>
       				<?php
       				foreach ( $this->choices as $value => $label ) :
       					$class = ($this->value() == $value)?'t4p-radio-img-selected t4p-radio-img-img':'t4p-radio-img-img';
       					?>
       					<li style="display: inline;">
       					<label>
       						<input <?php $this->link(); ?>style = 'display:none' type="radio" value="<?php echo esc_attr( $value ); ?>" name="<?php echo esc_attr( $name ); ?>" <?php $this->link(); checked( $this->value(), $value ); ?> />
       						<img src = '<?php echo esc_html( $label ); ?>' class = '<?php echo $class; ?>' />
       					</label>
       					</li>
       					<?php
       				endforeach;
       				?>
       				</ul>
       				<script type="text/javascript">
   
       				jQuery(document).ready(function($) {
       					$('.controls#t4p_container li img').click(function(){console.log ('ssss') ;
       						$('.controls#t4p_container li').each(function(){
       							$(this).find('img').removeClass ('t4p-radio-img-selected') ;
       						});
       						$(this).addClass ('t4p-radio-img-selected') ;
       					});
       				});
   
       				</script>
       				<?php
           }
       }
       class evl_Customize_Textarea_Control extends WP_Customize_Control {
   
           public function render_content() {
   
       				$name = '_customize-textarea-' . $this->id;
   
       				?>
       				<style>
       				</style>
       				<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
       				<label>
       					<textarea style="margin: 2px; width: 100%; height: 102px;" <?php $this->link(); ?>><?php echo esc_attr( $this->value() ); ?></textarea>
       				</label>
       				<script type="text/javascript">
       				jQuery(document).ready(function($) {
       				});
       				</script>
       				<?php
           }
       }
       ?>
       ```
   
 *  [farag3](https://wordpress.org/support/users/farag3/)
 * (@farag3)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208405)
 * Works again). What about my issue, did you check thread?
 *  [swden](https://wordpress.org/support/users/swden/)
 * (@swden)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208412)
 * Yeeeh, it works! Thanks a lot!

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Customize Page Error / Full width posts’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/evolve/4.3.7/screenshot.png)
 * evolve
 * [Support Threads](https://wordpress.org/support/theme/evolve/)
 * [Active Topics](https://wordpress.org/support/theme/evolve/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/evolve/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/evolve/reviews/)

## Tags

 * [full-width](https://wordpress.org/support/topic-tag/full-width/)

 * 13 replies
 * 7 participants
 * Last reply from: [swden](https://wordpress.org/support/users/swden/)
 * Last activity: [11 years, 8 months ago](https://wordpress.org/support/topic/customize-page-error-full-width-posts/#post-5208412)
 * Status: not resolved