Post Grid - Version 2.1.8

Version Description

  • 2021-06-27 fix - escaping issue fixed.
Download this release

Release Info

Developer pickplugins
Plugin Icon 128x128 Post Grid
Version 2.1.8
Comparing to
See all releases

Code changes from version 2.1.7 to 2.1.8

Files changed (14) hide show
  1. includes/classes/class-meta-boxes.php +10 -10
  2. includes/classes/class-settings-tabs.php +2 -2
  3. includes/functions.php +5 -5
  4. includes/menu/addons.php +3 -3
  5. includes/menu/import-layouts.php +2 -2
  6. includes/menu/settings-old.php +0 -169
  7. includes/menu/settings.php +8 -7
  8. includes/metabox-post-grid-hook.php +31 -33
  9. includes/metabox-post-grid-layout-hook.php +3 -3
  10. includes/metabox-post-options-hook.php +0 -5
  11. includes/post-grid-layout-elements.php +218 -218
  12. includes/settings-hook.php +1 -1
  13. post-grid.php +2 -2
  14. readme.txt +4 -1
includes/classes/class-meta-boxes.php CHANGED
@@ -111,7 +111,7 @@ class post_grid_meta_boxs{
111
  $data_visible = isset($tab['data_visible']) ? $tab['data_visible'] : '';
112
  $hidden = isset($tab['hidden']) ? $tab['hidden'] : false;
113
  ?>
114
- <li <?php if(!empty($data_visible)): ?> data_visible="<?php echo $data_visible; ?>" <?php endif; ?> class="tab-nav <?php if($hidden) echo 'hidden';?> <?php if($active) echo 'active';?>" data-id="<?php echo $id; ?>"><?php echo $title; ?></li>
115
  <?php
116
  }
117
  ?>
@@ -123,7 +123,7 @@ class post_grid_meta_boxs{
123
  $active = $tab['active'];
124
  ?>
125
 
126
- <div class="tab-content <?php if($active) echo 'active';?>" id="<?php echo $id; ?>">
127
  <?php
128
  do_action('post_grid_layout_metabox_content_'.$id, $post_id);
129
  ?>
@@ -338,7 +338,7 @@ class post_grid_meta_boxs{
338
  </script>
339
 
340
  <div class="settings-tabs vertical">
341
- <input class="current_tab" type="hidden" name="post_grid_meta_options[current_tab]" value="<?php echo $current_tab; ?>">
342
 
343
  <?php
344
 
@@ -368,7 +368,7 @@ class post_grid_meta_boxs{
368
  $data_visible = isset($tab['data_visible']) ? $tab['data_visible'] : '';
369
  $hidden = isset($tab['hidden']) ? $tab['hidden'] : false;
370
  ?>
371
- <li <?php if(!empty($data_visible)): ?> data_visible="<?php echo $data_visible; ?>" <?php endif; ?> class="tab-nav <?php if($hidden) echo 'hidden';?> <?php if($active) echo 'active';?>" data-id="<?php echo $id; ?>"><?php echo $title; ?></li>
372
  <?php
373
  }
374
  ?>
@@ -382,7 +382,7 @@ class post_grid_meta_boxs{
382
 
383
  ?>
384
 
385
- <div class="tab-content <?php if($active) echo 'active';?>" id="<?php echo $id; ?>">
386
  <?php
387
  do_action('post_grid_metabox_tabs_content_'.$id, $tab, $post_id);
388
  ?>
@@ -470,7 +470,7 @@ class post_grid_meta_boxs{
470
 
471
  ?>
472
  <li keywords="<?php echo esc_attr($keywords); ?>" class="item">
473
- <a target="_blank" href="<?php echo $url; ?>"><i class="far fa-dot-circle"></i> <?php echo $title; ?></a>
474
 
475
  </li>
476
  <?php
@@ -526,7 +526,7 @@ class post_grid_meta_boxs{
526
 
527
 
528
  <ul>
529
- <li>Post Grid Version: <?php echo post_grid_version; ?></li>
530
  <li>Tested WP: 5.4</li>
531
 
532
  </ul>
@@ -586,7 +586,7 @@ class post_grid_meta_boxs{
586
  ?>
587
 
588
  <div class="settings-tabs vertical">
589
- <input class="current_tab" type="hidden" name="post_grid_post_settings[current_tab]" value="<?php echo $current_tab; ?>">
590
 
591
  <ul class="tab-navs">
592
  <?php
@@ -597,7 +597,7 @@ class post_grid_meta_boxs{
597
  $data_visible = isset($tab['data_visible']) ? $tab['data_visible'] : '';
598
  $hidden = isset($tab['hidden']) ? $tab['hidden'] : false;
599
  ?>
600
- <li <?php if(!empty($data_visible)): ?> data_visible="<?php echo $data_visible; ?>" <?php endif; ?> class="tab-nav <?php if($hidden) echo 'hidden';?> <?php if($active) echo 'active';?>" data-id="<?php echo $id; ?>"><?php echo $title; ?></li>
601
  <?php
602
  }
603
  ?>
@@ -611,7 +611,7 @@ class post_grid_meta_boxs{
611
 
612
  ?>
613
 
614
- <div class="tab-content <?php if($active) echo 'active';?>" id="<?php echo $id; ?>">
615
  <?php
616
  do_action('post_grid_post_options_content_'.$id, $tab, $post_id);
617
  ?>
111
  $data_visible = isset($tab['data_visible']) ? $tab['data_visible'] : '';
112
  $hidden = isset($tab['hidden']) ? $tab['hidden'] : false;
113
  ?>
114
+ <li <?php if(!empty($data_visible)): ?> data_visible="<?php echo esc_attr($data_visible); ?>" <?php endif; ?> class="tab-nav <?php if($hidden) echo 'hidden';?> <?php if($active) echo 'active';?>" data-id="<?php echo esc_attr($id); ?>"><?php echo $title; ?></li>
115
  <?php
116
  }
117
  ?>
123
  $active = $tab['active'];
124
  ?>
125
 
126
+ <div class="tab-content <?php if($active) echo 'active';?>" id="<?php echo esc_attr($id); ?>">
127
  <?php
128
  do_action('post_grid_layout_metabox_content_'.$id, $post_id);
129
  ?>
338
  </script>
339
 
340
  <div class="settings-tabs vertical">
341
+ <input class="current_tab" type="hidden" name="post_grid_meta_options[current_tab]" value="<?php echo esc_attr($current_tab); ?>">
342
 
343
  <?php
344
 
368
  $data_visible = isset($tab['data_visible']) ? $tab['data_visible'] : '';
369
  $hidden = isset($tab['hidden']) ? $tab['hidden'] : false;
370
  ?>
371
+ <li <?php if(!empty($data_visible)): ?> data_visible="<?php echo esc_attr($data_visible); ?>" <?php endif; ?> class="tab-nav <?php if($hidden) echo 'hidden';?> <?php if($active) echo 'active';?>" data-id="<?php echo esc_attr($id); ?>"><?php echo $title; ?></li>
372
  <?php
373
  }
374
  ?>
382
 
383
  ?>
384
 
385
+ <div class="tab-content <?php if($active) echo 'active';?>" id="<?php echo esc_attr($id); ?>">
386
  <?php
387
  do_action('post_grid_metabox_tabs_content_'.$id, $tab, $post_id);
388
  ?>
470
 
471
  ?>
472
  <li keywords="<?php echo esc_attr($keywords); ?>" class="item">
473
+ <a target="_blank" href="<?php echo esc_url_raw($url); ?>"><i class="far fa-dot-circle"></i> <?php echo $title; ?></a>
474
 
475
  </li>
476
  <?php
526
 
527
 
528
  <ul>
529
+ <li>Post Grid Version: <?php echo esc_html(post_grid_version); ?></li>
530
  <li>Tested WP: 5.4</li>
531
 
532
  </ul>
586
  ?>
587
 
588
  <div class="settings-tabs vertical">
589
+ <input class="current_tab" type="hidden" name="post_grid_post_settings[current_tab]" value="<?php echo esc_attr($current_tab); ?>">
590
 
591
  <ul class="tab-navs">
592
  <?php
597
  $data_visible = isset($tab['data_visible']) ? $tab['data_visible'] : '';
598
  $hidden = isset($tab['hidden']) ? $tab['hidden'] : false;
599
  ?>
600
+ <li <?php if(!empty($data_visible)): ?> data_visible="<?php echo esc_attr($data_visible); ?>" <?php endif; ?> class="tab-nav <?php if($hidden) echo 'hidden';?> <?php if($active) echo 'active';?>" data-id="<?php echo esc_attr($id); ?>"><?php echo $title; ?></li>
601
  <?php
602
  }
603
  ?>
611
 
612
  ?>
613
 
614
+ <div class="tab-content <?php if($active) echo 'active';?>" id="<?php echo esc_attr($id); ?>">
615
  <?php
616
  do_action('post_grid_post_options_content_'.$id, $tab, $post_id);
617
  ?>
includes/classes/class-settings-tabs.php CHANGED
@@ -363,7 +363,7 @@ class settings_tabs_field{
363
 
364
  ob_start();
365
  ?>
366
- <div id="<?php echo $css_id; ?>">
367
  <?php
368
 
369
  if(!empty($options)):
@@ -489,7 +489,7 @@ class settings_tabs_field{
489
  }
490
  ?>
491
  </div>
492
- <input class="media-input-value" type="hidden" name="<?php echo esc_attr($field_name); ?>" id="media_input_<?php echo esc_attr($css_id); ?>" value="<?php echo $value; ?>" />
493
  <div class="media-upload button" id="media_upload_<?php echo esc_attr($css_id); ?>"><?php echo __('Upload', $this->textdomain);?></div>
494
  <div placeholder="<?php echo esc_attr($placeholder); ?>" class="clear button" id="media_clear_<?php echo esc_attr($css_id); ?>"><?php echo __('Clear', $this->textdomain);?></div>
495
  <div class="error-mgs"></div>
363
 
364
  ob_start();
365
  ?>
366
+ <div id="<?php echo esc_attr($css_id); ?>">
367
  <?php
368
 
369
  if(!empty($options)):
489
  }
490
  ?>
491
  </div>
492
+ <input class="media-input-value" type="hidden" name="<?php echo esc_attr($field_name); ?>" id="media_input_<?php echo esc_attr($css_id); ?>" value="<?php echo esc_attr($value); ?>" />
493
  <div class="media-upload button" id="media_upload_<?php echo esc_attr($css_id); ?>"><?php echo __('Upload', $this->textdomain);?></div>
494
  <div placeholder="<?php echo esc_attr($placeholder); ?>" class="clear button" id="media_clear_<?php echo esc_attr($css_id); ?>"><?php echo __('Clear', $this->textdomain);?></div>
495
  <div class="error-mgs"></div>
includes/functions.php CHANGED
@@ -62,8 +62,8 @@ add_filter( 'manage_post_grid_posts_columns' , 'post_grid_add_shortcode_column'
62
  function post_grid_posts_shortcode_display( $column, $post_id ) {
63
  if ($column == 'shortcode'){
64
  ?>
65
- <input style="background:#bfefff" type="text" onClick="this.select();" value="[post_grid <?php echo 'id=&quot;'.$post_id.'&quot;';?>]" /><br />
66
- <textarea cols="50" rows="1" style="background:#bfefff" onClick="this.select();" ><?php echo '<?php echo do_shortcode("[post_grid id='; echo "'".$post_id."']"; echo '"); ?>'; ?></textarea>
67
  <?php
68
 
69
  }
@@ -742,20 +742,20 @@ function post_grid_layout_content_ajax(){
742
 
743
 
744
  ?>
745
- <div class="<?php echo $layout_key; ?>">
746
  <?php
747
 
748
  foreach($layout as $item_key=>$item_info){
749
  $item_key = $item_info['key'];
750
  ?>
751
- <div class="item <?php echo $item_key; ?>" style=" <?php echo $item_info['css']; ?> ">
752
 
753
  <?php
754
 
755
  if($item_key=='thumb'){
756
 
757
  ?>
758
- <img src="<?php echo post_grid_plugin_url; ?>assets/admin/images/thumb.png" />
759
  <?php
760
  }
761
 
62
  function post_grid_posts_shortcode_display( $column, $post_id ) {
63
  if ($column == 'shortcode'){
64
  ?>
65
+ <input style="background:#bfefff" type="text" onClick="this.select();" value="[post_grid <?php echo 'id=&quot;'.esc_attr($post_id).'&quot;';?>]" /><br />
66
+ <textarea cols="50" rows="1" style="background:#bfefff" onClick="this.select();" ><?php echo '<?php echo do_shortcode("[post_grid id='; echo "'".esc_attr($post_id)."']"; echo '"); ?>'; ?></textarea>
67
  <?php
68
 
69
  }
742
 
743
 
744
  ?>
745
+ <div class="<?php echo esc_attr($layout_key); ?>">
746
  <?php
747
 
748
  foreach($layout as $item_key=>$item_info){
749
  $item_key = $item_info['key'];
750
  ?>
751
+ <div class="item <?php echo esc_attr($item_key); ?>" style=" <?php echo esc_attr($item_info['css']); ?> ">
752
 
753
  <?php
754
 
755
  if($item_key=='thumb'){
756
 
757
  ?>
758
+ <img src="<?php echo esc_url_raw(post_grid_plugin_url.'assets/admin/images/thumb.png'); ?>" />
759
  <?php
760
  }
761
 
includes/menu/addons.php CHANGED
@@ -28,11 +28,11 @@ $addons_list = $class_post_grid_functions->addons_list();
28
  ?>
29
  <div class="item">
30
  <div class="thumb-wrap">
31
- <a href="<?php echo $item_link;?>"><img src="<?php echo $addon_thumb;?>"></a>
32
  </div>
33
- <div class="addon-title"><a class="addon-link" href="<?php echo $item_link;?>"><?php echo $addon_title;?></a></div>
34
  <?php if(!empty($zip_link)): ?>
35
- <div class="addon-link button"><a href="<?php echo $zip_link;?>">Download</a> </div>
36
  <?php endif; ?>
37
 
38
 
28
  ?>
29
  <div class="item">
30
  <div class="thumb-wrap">
31
+ <a href="<?php echo esc_url_raw($item_link); ?>"><img src="<?php echo esc_url_raw($addon_thumb); ?>"></a>
32
  </div>
33
+ <div class="addon-title"><a class="addon-link" href="<?php echo esc_url_raw($item_link); ?>"><?php echo $addon_title;?></a></div>
34
  <?php if(!empty($zip_link)): ?>
35
+ <div class="addon-link button"><a href="<?php echo esc_url_raw($zip_link); ?>">Download</a> </div>
36
  <?php endif; ?>
37
 
38
 
includes/menu/import-layouts.php CHANGED
@@ -111,7 +111,7 @@ wp_enqueue_script('post_grid_layouts');
111
 
112
  <?php if(!empty($layout_preview_img)):?>
113
  <div class="block-thumb">
114
- <img src="<?php echo $layout_preview_img; ?>">
115
  </div>
116
  <?php endif; ?>
117
 
@@ -127,7 +127,7 @@ wp_enqueue_script('post_grid_layouts');
127
 
128
  }else{
129
  ?>
130
- <span class="button import-layout" post_id="<?php echo $post_id; ?>"><i class="fas fa-download"></i> Import (<?php echo $download_count; ?>)</span>
131
  <?php
132
  }
133
 
111
 
112
  <?php if(!empty($layout_preview_img)):?>
113
  <div class="block-thumb">
114
+ <img src="<?php echo esc_url_raw($layout_preview_img); ?>">
115
  </div>
116
  <?php endif; ?>
117
 
127
 
128
  }else{
129
  ?>
130
+ <span class="button import-layout" post_id="<?php echo esc_attr($post_id); ?>"><i class="fas fa-download"></i> Import (<?php echo $download_count; ?>)</span>
131
  <?php
132
  }
133
 
includes/menu/settings-old.php DELETED
@@ -1,169 +0,0 @@
1
- <?php
2
-
3
-
4
- /*
5
- * @Author pickplugins
6
- * Copyright: 2015 pickplugins.com
7
- */
8
-
9
- if ( ! defined('ABSPATH')) exit; // if direct access
10
-
11
-
12
-
13
- $post_grid_settings_tab = array();
14
-
15
- $post_grid_settings_tab[] = array(
16
- 'id' => 'general',
17
- 'title' => __('<i class="fas fa-laptop-code"></i> General','post-grid'),
18
- 'priority' => 1,
19
- 'active' => true,
20
- );
21
-
22
-
23
-
24
-
25
-
26
-
27
-
28
- $post_grid_settings_tabs = apply_filters('post_grid_settings', $post_grid_settings_tab);
29
-
30
-
31
- $tabs_sorted = array();
32
- foreach ($post_grid_settings_tabs as $page_key => $tab) $tabs_sorted[$page_key] = isset( $tab['priority'] ) ? $tab['priority'] : 0;
33
- array_multisort($tabs_sorted, SORT_ASC, $post_grid_settings_tabs);
34
-
35
-
36
-
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
- ?>
48
-
49
-
50
-
51
-
52
-
53
- <div class="wrap">
54
-
55
-
56
- <h2><?php echo __('Post Grid - Settings','post-grid')?></h2><br>
57
-
58
- <?php
59
-
60
- if(empty($_POST['post_grid_hidden'])) {
61
-
62
- $post_grid_license = get_option('post_grid_license');
63
- $license_key = isset($post_grid_license['license_key']) ? $post_grid_license['license_key'] : '';
64
-
65
-
66
- }
67
- else{
68
-
69
- $nonce = sanitize_text_field($_POST['_wpnonce']);
70
-
71
- if(wp_verify_nonce( $nonce, 'post_grid_nonce' ) && $_POST['post_grid_hidden'] == 'Y') {
72
-
73
- $license_key = sanitize_text_field($_POST['license_key']);
74
- $post_grid_license = array(
75
- 'license_key'=>$license_key,
76
- 'license_status'=>'pending',
77
-
78
- );
79
-
80
- update_option('post_grid_license', $post_grid_license);
81
-
82
-
83
-
84
-
85
-
86
- ?>
87
- <div class="updated notice is-dismissible"><p><strong><?php _e('Changes Saved.', 'post-grid' ); ?></strong></p></div>
88
-
89
- <?php
90
- }
91
- }
92
-
93
-
94
-
95
- //var_dump($post_grid_1);
96
-
97
- ?>
98
-
99
-
100
- <form method="post" action="<?php echo str_replace( '%7E', '~', esc_url_raw($_SERVER['REQUEST_URI'])); ?>">
101
- <input type="hidden" name="post_grid_hidden" value="Y">
102
-
103
-
104
- <div class="clear clearfix"></div>
105
- <div class="settings-tabs vertical">
106
- <ul class="tab-navs">
107
- <?php
108
- foreach ($post_grid_settings_tabs as $tab){
109
- $id = $tab['id'];
110
- $title = $tab['title'];
111
- $active = $tab['active'];
112
- $data_visible = isset($tab['data_visible']) ? $tab['data_visible'] : '';
113
- $hidden = isset($tab['hidden']) ? $tab['hidden'] : false;
114
- ?>
115
- <li class="tab-nav <?php if($hidden) echo 'hidden';?> <?php if($active) echo 'active';?>" data-id="<?php echo $id; ?>"><?php echo $title; ?></li>
116
- <?php
117
- }
118
- ?>
119
- </ul>
120
- <?php
121
- foreach ($post_grid_settings_tabs as $tab){
122
- $id = $tab['id'];
123
- $title = $tab['title'];
124
- $active = $tab['active'];
125
-
126
-
127
- ?>
128
-
129
- <div class="tab-content <?php if($active) echo 'active';?>" id="<?php echo $id; ?>">
130
- <?php
131
- do_action('post_grid_settings_'.$id, $tab);
132
- ?>
133
- </div>
134
- <?php
135
- }
136
- ?>
137
- </div>
138
- <div class="clear clearfix"></div>
139
-
140
-
141
-
142
- <p class="submit">
143
- <?php wp_nonce_field( 'post_grid_nonce' ); ?>
144
- <input type="submit" name="submit" value="<?php _e('Update', 'post-grid'); ?>" class="button-primary" />
145
-
146
- </p>
147
- </form>
148
-
149
-
150
-
151
-
152
-
153
-
154
-
155
-
156
-
157
-
158
-
159
-
160
-
161
-
162
-
163
-
164
-
165
-
166
-
167
-
168
-
169
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
includes/menu/settings.php CHANGED
@@ -59,7 +59,7 @@ $post_grid_settings = get_option('post_grid_settings');
59
  <div id="icon-tools" class="icon32"><br></div><h2><?php echo sprintf(__('%s Settings', 'post-grid'), post_grid_plugin_name)?></h2>
60
  <form method="post" action="<?php echo str_replace( '%7E', '~', esc_url_raw($_SERVER['REQUEST_URI'])); ?>">
61
  <input type="hidden" name="post_grid_hidden" value="Y">
62
- <input type="hidden" name="tab" value="<?php echo $current_tab; ?>">
63
  <?php
64
  if(!empty($_POST['post_grid_hidden'])){
65
  $nonce = sanitize_text_field($_POST['_wpnonce']);
@@ -80,7 +80,7 @@ $post_grid_settings = get_option('post_grid_settings');
80
  $id = $tab['id'];
81
  $active = $tab['active'];
82
  ?>
83
- <div class="right-panel-content <?php if($active) echo 'active';?> right-panel-content-<?php echo $id; ?>">
84
  <?php
85
  do_action('post_grid_settings_tabs_right_panel_'.$id);
86
  ?>
@@ -93,15 +93,16 @@ $post_grid_settings = get_option('post_grid_settings');
93
  <?php
94
  if(!empty($post_grid_settings_tab))
95
  foreach ($post_grid_settings_tab as $tab){
96
- $id = $tab['id'];
97
- $title = $tab['title'];
98
- $active = $tab['active'];
 
99
  $data_visible = isset($tab['data_visible']) ? $tab['data_visible'] : '';
100
  $hidden = isset($tab['hidden']) ? $tab['hidden'] : false;
101
  $is_pro = isset($tab['is_pro']) ? $tab['is_pro'] : false;
102
  $pro_text = isset($tab['pro_text']) ? $tab['pro_text'] : '';
103
  ?>
104
- <li <?php if(!empty($data_visible)): ?> data_visible="<?php echo $data_visible; ?>" <?php endif; ?> class="tab-nav <?php if($hidden) echo 'hidden';?> <?php if($active) echo 'active';?>" data-id="<?php echo $id; ?>">
105
  <?php echo $title; ?>
106
  <?php
107
  if($is_pro):
@@ -120,7 +121,7 @@ $post_grid_settings = get_option('post_grid_settings');
120
  $title = $tab['title'];
121
  $active = $tab['active'];
122
  ?>
123
- <div class="tab-content <?php if($active) echo 'active';?>" id="<?php echo $id; ?>">
124
  <?php
125
  do_action('post_grid_settings_content_'.$id, $tab);
126
  ?>
59
  <div id="icon-tools" class="icon32"><br></div><h2><?php echo sprintf(__('%s Settings', 'post-grid'), post_grid_plugin_name)?></h2>
60
  <form method="post" action="<?php echo str_replace( '%7E', '~', esc_url_raw($_SERVER['REQUEST_URI'])); ?>">
61
  <input type="hidden" name="post_grid_hidden" value="Y">
62
+ <input type="hidden" name="tab" value="<?php echo esc_attr($current_tab); ?>">
63
  <?php
64
  if(!empty($_POST['post_grid_hidden'])){
65
  $nonce = sanitize_text_field($_POST['_wpnonce']);
80
  $id = $tab['id'];
81
  $active = $tab['active'];
82
  ?>
83
+ <div class="right-panel-content <?php if($active) echo 'active'; ?> right-panel-content-<?php echo esc_attr($id); ?>">
84
  <?php
85
  do_action('post_grid_settings_tabs_right_panel_'.$id);
86
  ?>
93
  <?php
94
  if(!empty($post_grid_settings_tab))
95
  foreach ($post_grid_settings_tab as $tab){
96
+
97
+ $id = isset($tab['id']) ? $tab['id'] : '';
98
+ $title = isset($tab['title']) ? $tab['title'] : '';
99
+ $active = isset($tab['active']) ? $tab['active'] : '';
100
  $data_visible = isset($tab['data_visible']) ? $tab['data_visible'] : '';
101
  $hidden = isset($tab['hidden']) ? $tab['hidden'] : false;
102
  $is_pro = isset($tab['is_pro']) ? $tab['is_pro'] : false;
103
  $pro_text = isset($tab['pro_text']) ? $tab['pro_text'] : '';
104
  ?>
105
+ <li <?php if(!empty($data_visible)): ?> data_visible="<?php echo esc_attr($data_visible); ?>" <?php endif; ?> class="tab-nav <?php if($hidden) echo 'hidden';?> <?php if($active) echo 'active';?>" data-id="<?php echo esc_attr($id); ?>">
106
  <?php echo $title; ?>
107
  <?php
108
  if($is_pro):
121
  $title = $tab['title'];
122
  $active = $tab['active'];
123
  ?>
124
+ <div class="tab-content <?php if($active) echo 'active';?>" id="<?php echo esc_attr($id); ?>">
125
  <?php
126
  do_action('post_grid_settings_content_'.$id, $tab);
127
  ?>
includes/metabox-post-grid-hook.php CHANGED
@@ -1,8 +1,6 @@
1
  <?php
2
 
3
- /*
4
- * @Author PickPlugins
5
- */
6
 
7
  if ( ! defined('ABSPATH')) exit; // if direct access
8
 
@@ -30,23 +28,23 @@ function post_grid_metabox_tabs_content_shortcode($tab, $post_id){
30
  ?>
31
 
32
  <div class="copy-to-clipboard">
33
- <input type="text" value="[post_grid id='<?php echo $post_id; ?>']"> <span class="copied">Copied</span>
34
  <p class="description">You can use this shortcode under post content</p>
35
  </div>
36
 
37
  <div class="copy-to-clipboard">
38
  To avoid conflict:<br>
39
- <input type="text" value="[post_grid_pickplugins id='<?php echo $post_id; ?>']"> <span class="copied">Copied</span>
40
  <p class="description">To avoid conflict with 3rd party shortcode also used same <code>[post_grid]</code>You can use this shortcode under post content</p>
41
  </div>
42
 
43
  <div class="copy-to-clipboard">
44
- <textarea cols="50" rows="1" onClick="this.select();" ><?php echo '<?php echo do_shortcode("[post_grid id='; echo "'".$post_id."']"; echo '"); ?>'; ?></textarea> <span class="copied">Copied</span>
45
  <p class="description">PHP Code, you can use under theme .php files.</p>
46
  </div>
47
 
48
  <div class="copy-to-clipboard">
49
- <textarea cols="50" rows="1" onClick="this.select();" ><?php echo '<?php echo do_shortcode("[post_grid_pickplugins id='; echo "'".$post_id."']"; echo '"); ?>'; ?></textarea> <span class="copied">Copied</span>
50
  <p class="description">To avoid conflict, PHP code you can use under theme .php files.</p>
51
  </div>
52
 
@@ -383,7 +381,7 @@ function post_grid_metabox_tabs_content_query_post($tab, $post_id){
383
  <i class="fas fa-expand"></i>
384
  <i class="fas fa-compress"></i>
385
  </span>
386
- <label><input type="checkbox" <?php if(!empty($checked)) echo 'checked'; ?> name="post_grid_meta_options[taxonomies][<?php echo $taxonomy; ?>][checked]" value="<?php echo $taxonomy; ?>" /> <?php echo $the_taxonomy->labels->name; ?>(<?php echo $taxonomy; ?>)</label>
387
  </div>
388
  <div class="options">
389
  <?php
@@ -657,15 +655,15 @@ function post_grid_metabox_tabs_content_layouts($tab, $post_id){
657
  ob_start();
658
 
659
  ?>
660
- <p><a target="_blank" class="button" href="<?php echo admin_url().'post-new.php?post_type=post_grid_layout'; ?>"><?php echo __('Create layout','post-grid'); ?></a> </p>
661
- <p><a target="_blank" class="button" href="<?php echo admin_url().'edit.php?post_type=post_grid_layout'; ?>"><?php echo __('Manage layouts','post-grid'); ?></a> </p>
662
- <p><a target="_blank" class="button" href="<?php echo $layout_convert_url; ?>"><?php echo __('Covert old layout to new layout','post-grid'); ?></a> for this post grid.</p>
663
  <?php
664
  if($import_layouts != 'done'):
665
 
666
 
667
  ?>
668
- <p><a href="<?php echo admin_url().'edit.php?post_type=post_grid&page=import_layouts'; ?>" class="button import-default-layouts"><?php echo __('Import default layouts','post-grid'); ?></a> </p>
669
  <?php
670
  endif;
671
 
@@ -799,13 +797,13 @@ function post_grid_metabox_tabs_content_skin_layout($tab, $post_id){
799
 
800
  foreach($layout_content_list as $layout_key=>$layout_info){
801
  ?>
802
- <option <?php if($layout_content==$layout_key) echo 'selected'; ?> value="<?php echo $layout_key; ?>"><?php echo $layout_key; ?></option>
803
  <?php
804
 
805
  }
806
  ?>
807
  </select>
808
- <a target="_blank" class="edit-layout button" href="<?php echo admin_url().'edit.php?post_type=post_grid&page=layout_editor&layout_content='.$layout_content;?>" ><?php echo __('Edit' , 'post-grid'); ?></a>
809
  </div>
810
 
811
  <script>
@@ -817,7 +815,7 @@ function post_grid_metabox_tabs_content_skin_layout($tab, $post_id){
817
 
818
  var layout = $(this).val();
819
 
820
- $('.edit-layout').attr('href', '<?php echo admin_url().'edit.php?post_type=post_grid&page=layout_editor&layout_content='; ?>'+layout);
821
  })
822
 
823
  })
@@ -840,7 +838,7 @@ function post_grid_metabox_tabs_content_skin_layout($tab, $post_id){
840
 
841
 
842
  <div class="layer-content">
843
- <div class="<?php echo $layout_content; ?>">
844
  <?php
845
  $post_grid_layout_content = get_option( 'post_grid_layout_content' );
846
 
@@ -871,14 +869,14 @@ function post_grid_metabox_tabs_content_skin_layout($tab, $post_id){
871
  ?>
872
 
873
 
874
- <div class="item <?php echo $item_key; ?>" style=" <?php echo $item_info['css']; ?> ">
875
 
876
  <?php
877
 
878
  if($item_key=='thumb'){
879
 
880
  ?>
881
- <img style="width:100%; height:auto;" src="<?php echo post_grid_plugin_url; ?>assets/admin/images/thumb.png" />
882
  <?php
883
  }
884
 
@@ -997,13 +995,13 @@ function post_grid_metabox_tabs_content_skin_layout($tab, $post_id){
997
  $selected_skin = '';
998
  }
999
  ?>
1000
- <div class="header <?php echo $selected_skin; ?>">
1001
  <!-- <span class="edit-link"><a href="#">Edit</a></span>-->
1002
- <label><input <?php echo $checked; ?> type="radio" name="post_grid_meta_options[skin]" value="<?php echo $skin_slug; ?>" ><?php echo $skin_info['name']; ?></label>
1003
  </div>
1004
- <div class="skin <?php echo $skin_slug; ?>">
1005
  <div class="layer-media">
1006
- <div class="thumb "><img src="<?php echo post_grid_plugin_url; ?>assets/admin/images/thumb.png" /></div>
1007
  </div>
1008
  <div class="layer-content">
1009
  <div class="title ">Hello title</div>
@@ -1110,7 +1108,7 @@ function post_grid_metabox_tabs_content_skin_layout($tab, $post_id){
1110
 
1111
  <div class="">
1112
 
1113
- <input type="text" name="post_grid_meta_options[media_height][fixed_height]" value="<?php echo $items_media_fixed_height; ?>" />
1114
  </div>
1115
  <?php
1116
 
@@ -1191,10 +1189,10 @@ function post_grid_metabox_tabs_content_skin_layout($tab, $post_id){
1191
  <div class="item">
1192
  <div class="header">
1193
  <span class="move" title="<?php echo __('Move', 'post-grid'); ?>"><i class="fas fa-bars"></i></span>
1194
- <input type="hidden" name="post_grid_meta_options[media_source][<?php echo $source_info['id']; ?>][id]" value="<?php echo $source_info['id']; ?>" />
1195
- <input type="hidden" name="post_grid_meta_options[media_source][<?php echo $source_info['id']; ?>][title]" value="<?php echo $source_info['title']; ?>" />
1196
  <label>
1197
- <input <?php if(!empty($source_info['checked'])) echo 'checked'; ?> type="checkbox" name="post_grid_meta_options[media_source][<?php echo $source_info['id']; ?>][checked]" value="yes" /><?php echo $source_info['title']; ?>
1198
  </label>
1199
  </div>
1200
  </div>
@@ -1279,7 +1277,7 @@ function post_grid_metabox_tabs_content_item_style($tab, $post_id){
1279
  <label><input <?php if($items_height_style=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style]" value="fixed_height" /><?php _e('Fixed height','post-grid'); ?></label><br />
1280
  <label><input <?php if($items_height_style=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style]" value="max_height" /><?php _e('Max height','post-grid'); ?></label><br />
1281
 
1282
- <input type="text" name="post_grid_meta_options[item_height][fixed_height]" value="<?php echo $items_fixed_height; ?>" />
1283
 
1284
  </div>
1285
 
@@ -1294,7 +1292,7 @@ function post_grid_metabox_tabs_content_item_style($tab, $post_id){
1294
  <label><input <?php if($items_height_style_tablet=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_tablet]" value="fixed_height" /><?php _e('Fixed height','post-grid'); ?></label><br />
1295
  <label><input <?php if($items_height_style_tablet=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_tablet]" value="max_height" /><?php _e('Max height','post-grid'); ?></label><br />
1296
 
1297
- <input type="text" name="post_grid_meta_options[item_height][fixed_height_tablet]" value="<?php echo $items_fixed_height_tablet; ?>" />
1298
 
1299
  </div>
1300
  </td>
@@ -1307,7 +1305,7 @@ function post_grid_metabox_tabs_content_item_style($tab, $post_id){
1307
  <label><input <?php if($items_height_style_mobile=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_mobile]" value="fixed_height" /><?php _e('Fixed height','post-grid'); ?></label><br />
1308
  <label><input <?php if($items_height_style_mobile=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_mobile]" value="max_height" /><?php _e('Max height','post-grid'); ?></label><br />
1309
 
1310
- <input type="text" name="post_grid_meta_options[item_height][fixed_height_mobile]" value="<?php echo $items_fixed_height_mobile; ?>" />
1311
 
1312
  </div>
1313
  </td>
@@ -1465,17 +1463,17 @@ function post_grid_metabox_tabs_content_grid_settings($tab, $post_id){
1465
  ?>
1466
  <div class="">
1467
  Desktop:(min-width:1024px)<br>
1468
- <input placeholder="250px or 30% or column number(3)" type="text" name="post_grid_meta_options[width][desktop]" value="<?php echo $items_width_desktop; ?>" />
1469
  </div>
1470
  <br>
1471
  <div class="">
1472
  Tablet:( min-width: 768px and max-width: 1023px )<br>
1473
- <input placeholder="250px or 30% or column number(3)" type="text" name="post_grid_meta_options[width][tablet]" value="<?php echo $items_width_tablet; ?>" />
1474
  </div>
1475
  <br>
1476
  <div class="">
1477
  Mobile:( max-width : 767px, )<br>
1478
- <input placeholder="250px or 30% or column number(3)" type="text" name="post_grid_meta_options[width][mobile]" value="<?php echo $items_width_mobile; ?>" />
1479
  </div>
1480
  <?php
1481
 
@@ -2014,7 +2012,7 @@ function post_grid_update_taxonomies_terms_by_posttypes(){
2014
  <i class="fas fa-expand"></i>
2015
  <i class="fas fa-compress"></i>
2016
  </span>
2017
- <label><input type="checkbox" <?php if(!empty($checked)) echo 'checked'; ?> name="post_grid_meta_options[taxonomies][<?php echo $taxonomy; ?>][checked]" value="<?php echo $taxonomy; ?>" /> <?php echo $the_taxonomy->labels->name; ?>(<?php echo $taxonomy; ?>)</label>
2018
  </div>
2019
  <div class="options">
2020
  <?php
1
  <?php
2
 
3
+
 
 
4
 
5
  if ( ! defined('ABSPATH')) exit; // if direct access
6
 
28
  ?>
29
 
30
  <div class="copy-to-clipboard">
31
+ <input type="text" value="[post_grid id='<?php echo esc_attr($post_id); ?>']"> <span class="copied">Copied</span>
32
  <p class="description">You can use this shortcode under post content</p>
33
  </div>
34
 
35
  <div class="copy-to-clipboard">
36
  To avoid conflict:<br>
37
+ <input type="text" value="[post_grid_pickplugins id='<?php echo esc_attr($post_id); ?>']"> <span class="copied">Copied</span>
38
  <p class="description">To avoid conflict with 3rd party shortcode also used same <code>[post_grid]</code>You can use this shortcode under post content</p>
39
  </div>
40
 
41
  <div class="copy-to-clipboard">
42
+ <textarea cols="50" rows="1" onClick="this.select();" ><?php echo '<?php echo do_shortcode("[post_grid id='; echo "'".esc_attr($post_id)."']"; echo '"); ?>'; ?></textarea> <span class="copied">Copied</span>
43
  <p class="description">PHP Code, you can use under theme .php files.</p>
44
  </div>
45
 
46
  <div class="copy-to-clipboard">
47
+ <textarea cols="50" rows="1" onClick="this.select();" ><?php echo '<?php echo do_shortcode("[post_grid_pickplugins id='; echo "'".esc_attr($post_id)."']"; echo '"); ?>'; ?></textarea> <span class="copied">Copied</span>
48
  <p class="description">To avoid conflict, PHP code you can use under theme .php files.</p>
49
  </div>
50
 
381
  <i class="fas fa-expand"></i>
382
  <i class="fas fa-compress"></i>
383
  </span>
384
+ <label><input type="checkbox" <?php if(!empty($checked)) echo 'checked'; ?> name="post_grid_meta_options[taxonomies][<?php echo esc_attr($taxonomy); ?>][checked]" value="<?php echo esc_attr($taxonomy); ?>" /> <?php echo $the_taxonomy->labels->name; ?>(<?php echo $taxonomy; ?>)</label>
385
  </div>
386
  <div class="options">
387
  <?php
655
  ob_start();
656
 
657
  ?>
658
+ <p><a target="_blank" class="button" href="<?php echo esc_url_raw(admin_url().'post-new.php?post_type=post_grid_layout'); ?>"><?php echo __('Create layout','post-grid'); ?></a> </p>
659
+ <p><a target="_blank" class="button" href="<?php echo esc_url_raw(admin_url().'edit.php?post_type=post_grid_layout'); ?>"><?php echo __('Manage layouts','post-grid'); ?></a> </p>
660
+ <p><a target="_blank" class="button" href="<?php echo esc_url_raw($layout_convert_url); ?>"><?php echo __('Covert old layout to new layout','post-grid'); ?></a> for this post grid.</p>
661
  <?php
662
  if($import_layouts != 'done'):
663
 
664
 
665
  ?>
666
+ <p><a href="<?php echo esc_url_raw(admin_url().'edit.php?post_type=post_grid&page=import_layouts'); ?>" class="button import-default-layouts"><?php echo __('Import default layouts','post-grid'); ?></a> </p>
667
  <?php
668
  endif;
669
 
797
 
798
  foreach($layout_content_list as $layout_key=>$layout_info){
799
  ?>
800
+ <option <?php if($layout_content==$layout_key) echo 'selected'; ?> value="<?php echo esc_attr($layout_key); ?>"><?php echo $layout_key; ?></option>
801
  <?php
802
 
803
  }
804
  ?>
805
  </select>
806
+ <a target="_blank" class="edit-layout button" href="<?php echo esc_url_raw(admin_url().'edit.php?post_type=post_grid&page=layout_editor&layout_content='.$layout_content); ?>" ><?php echo __('Edit' , 'post-grid'); ?></a>
807
  </div>
808
 
809
  <script>
815
 
816
  var layout = $(this).val();
817
 
818
+ $('.edit-layout').attr('href', '<?php echo esc_url_raw(admin_url().'edit.php?post_type=post_grid&page=layout_editor&layout_content='); ?>'+layout);
819
  })
820
 
821
  })
838
 
839
 
840
  <div class="layer-content">
841
+ <div class="<?php echo esc_attr($layout_content); ?>">
842
  <?php
843
  $post_grid_layout_content = get_option( 'post_grid_layout_content' );
844
 
869
  ?>
870
 
871
 
872
+ <div class="item <?php echo esc_attr($item_key); ?>" style=" <?php echo esc_attr($item_info['css']); ?> ">
873
 
874
  <?php
875
 
876
  if($item_key=='thumb'){
877
 
878
  ?>
879
+ <img style="width:100%; height:auto;" src="<?php echo esc_url_raw(post_grid_plugin_url.'assets/admin/images/thumb.png'); ?>" />
880
  <?php
881
  }
882
 
995
  $selected_skin = '';
996
  }
997
  ?>
998
+ <div class="header <?php echo esc_attr($selected_skin); ?>">
999
  <!-- <span class="edit-link"><a href="#">Edit</a></span>-->
1000
+ <label><input <?php echo esc_attr($checked); ?> type="radio" name="post_grid_meta_options[skin]" value="<?php echo esc_attr($skin_slug); ?>" ><?php echo $skin_info['name']; ?></label>
1001
  </div>
1002
+ <div class="skin <?php echo esc_attr($skin_slug); ?>">
1003
  <div class="layer-media">
1004
+ <div class="thumb "><img src="<?php echo esc_url_raw(post_grid_plugin_url.'assets/admin/images/thumb.png'); ?>" /></div>
1005
  </div>
1006
  <div class="layer-content">
1007
  <div class="title ">Hello title</div>
1108
 
1109
  <div class="">
1110
 
1111
+ <input type="text" name="post_grid_meta_options[media_height][fixed_height]" value="<?php echo esc_attr($items_media_fixed_height); ?>" />
1112
  </div>
1113
  <?php
1114
 
1189
  <div class="item">
1190
  <div class="header">
1191
  <span class="move" title="<?php echo __('Move', 'post-grid'); ?>"><i class="fas fa-bars"></i></span>
1192
+ <input type="hidden" name="post_grid_meta_options[media_source][<?php echo esc_attr($source_info['id']); ?>][id]" value="<?php echo esc_attr($source_info['id']); ?>" />
1193
+ <input type="hidden" name="post_grid_meta_options[media_source][<?php echo esc_attr($source_info['id']); ?>][title]" value="<?php echo esc_attr($source_info['title']); ?>" />
1194
  <label>
1195
+ <input <?php if(!empty($source_info['checked'])) echo 'checked'; ?> type="checkbox" name="post_grid_meta_options[media_source][<?php echo esc_attr($source_info['id']); ?>][checked]" value="yes" /><?php echo $source_info['title']; ?>
1196
  </label>
1197
  </div>
1198
  </div>
1277
  <label><input <?php if($items_height_style=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style]" value="fixed_height" /><?php _e('Fixed height','post-grid'); ?></label><br />
1278
  <label><input <?php if($items_height_style=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style]" value="max_height" /><?php _e('Max height','post-grid'); ?></label><br />
1279
 
1280
+ <input type="text" name="post_grid_meta_options[item_height][fixed_height]" value="<?php echo esc_attr($items_fixed_height); ?>" />
1281
 
1282
  </div>
1283
 
1292
  <label><input <?php if($items_height_style_tablet=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_tablet]" value="fixed_height" /><?php _e('Fixed height','post-grid'); ?></label><br />
1293
  <label><input <?php if($items_height_style_tablet=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_tablet]" value="max_height" /><?php _e('Max height','post-grid'); ?></label><br />
1294
 
1295
+ <input type="text" name="post_grid_meta_options[item_height][fixed_height_tablet]" value="<?php echo esc_attr($items_fixed_height_tablet); ?>" />
1296
 
1297
  </div>
1298
  </td>
1305
  <label><input <?php if($items_height_style_mobile=='fixed_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_mobile]" value="fixed_height" /><?php _e('Fixed height','post-grid'); ?></label><br />
1306
  <label><input <?php if($items_height_style_mobile=='max_height') echo 'checked'; ?> type="radio" name="post_grid_meta_options[item_height][style_mobile]" value="max_height" /><?php _e('Max height','post-grid'); ?></label><br />
1307
 
1308
+ <input type="text" name="post_grid_meta_options[item_height][fixed_height_mobile]" value="<?php echo esc_attr($items_fixed_height_mobile); ?>" />
1309
 
1310
  </div>
1311
  </td>
1463
  ?>
1464
  <div class="">
1465
  Desktop:(min-width:1024px)<br>
1466
+ <input placeholder="250px or 30% or column number(3)" type="text" name="post_grid_meta_options[width][desktop]" value="<?php echo esc_attr($items_width_desktop); ?>" />
1467
  </div>
1468
  <br>
1469
  <div class="">
1470
  Tablet:( min-width: 768px and max-width: 1023px )<br>
1471
+ <input placeholder="250px or 30% or column number(3)" type="text" name="post_grid_meta_options[width][tablet]" value="<?php echo esc_attr($items_width_tablet); ?>" />
1472
  </div>
1473
  <br>
1474
  <div class="">
1475
  Mobile:( max-width : 767px, )<br>
1476
+ <input placeholder="250px or 30% or column number(3)" type="text" name="post_grid_meta_options[width][mobile]" value="<?php echo esc_attr($items_width_mobile); ?>" />
1477
  </div>
1478
  <?php
1479
 
2012
  <i class="fas fa-expand"></i>
2013
  <i class="fas fa-compress"></i>
2014
  </span>
2015
+ <label><input type="checkbox" <?php if(!empty($checked)) echo 'checked'; ?> name="post_grid_meta_options[taxonomies][<?php echo esc_attr($taxonomy); ?>][checked]" value="<?php echo esc_attr($taxonomy); ?>" /> <?php echo $the_taxonomy->labels->name; ?>(<?php echo $taxonomy; ?>)</label>
2016
  </div>
2017
  <div class="options">
2018
  <?php
includes/metabox-post-grid-layout-hook.php CHANGED
@@ -224,7 +224,7 @@ if(!function_exists('post_grid_layout_metabox_content_layout_builder')){
224
  foreach ($group_items as $elementIndex => $element):
225
  $element_name = isset($element['name']) ? $element['name'] : '';
226
  ?>
227
- <span class="element_index" input_name="<?php echo 'layout_elements_data'; ?>" tag_id="<?php echo $elementIndex; ?>"><?php echo $element_name; ?></span>
228
  <?php
229
  endforeach;
230
  ?>
@@ -369,7 +369,7 @@ if(!function_exists('post_grid_layout_metabox_content_layout_builder')){
369
  ?>
370
  <div class="layout-preview">
371
 
372
- <div class="elements-wrapper layout-<?php echo $layout_id; ?>">
373
  <?php
374
  if(!empty($layout_elements_data))
375
  foreach ($layout_elements_data as $elementGroupIndex => $elementGroupData){
@@ -419,7 +419,7 @@ if(!function_exists('post_grid_layout_metabox_content_layout_builder')){
419
  ?>
420
  <style type="text/css">
421
  .layout-preview{
422
- background: url(<?php echo post_grid_plugin_url; ?>assets/admin/images/tile.png);
423
  padding: 20px;
424
  }
425
  .layout-preview .elements-wrapper{
224
  foreach ($group_items as $elementIndex => $element):
225
  $element_name = isset($element['name']) ? $element['name'] : '';
226
  ?>
227
+ <span class="element_index" input_name="<?php echo 'layout_elements_data'; ?>" tag_id="<?php echo esc_attr($elementIndex); ?>"><?php echo $element_name; ?></span>
228
  <?php
229
  endforeach;
230
  ?>
369
  ?>
370
  <div class="layout-preview">
371
 
372
+ <div class="elements-wrapper layout-<?php echo esc_attr($layout_id); ?>">
373
  <?php
374
  if(!empty($layout_elements_data))
375
  foreach ($layout_elements_data as $elementGroupIndex => $elementGroupData){
419
  ?>
420
  <style type="text/css">
421
  .layout-preview{
422
+ background: url(<?php echo esc_url_raw(post_grid_plugin_url.'assets/admin/images/tile.png'); ?>);
423
  padding: 20px;
424
  }
425
  .layout-preview .elements-wrapper{
includes/metabox-post-options-hook.php CHANGED
@@ -1,9 +1,4 @@
1
  <?php
2
-
3
- /*
4
- * @Author PickPlugins
5
- */
6
-
7
  if ( ! defined('ABSPATH')) exit; // if direct access
8
 
9
 
1
  <?php
 
 
 
 
 
2
  if ( ! defined('ABSPATH')) exit; // if direct access
3
 
4
 
includes/post-grid-layout-elements.php CHANGED
@@ -109,7 +109,7 @@ function post_grid_layout_element_option_wrapper_start($parameters){
109
 
110
  ob_start();
111
  ?>
112
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}</textarea>
113
  <?php
114
 
115
  $html = ob_get_clean();
@@ -150,7 +150,7 @@ function post_grid_layout_element_wrapper_start($args){
150
 
151
 
152
  ?>
153
- <div class="<?php echo $wrapper_class; ?> <?php echo $element_class; ?>" id="<?php echo $wrapper_id; ?>">
154
  <?php
155
 
156
  }
@@ -175,28 +175,28 @@ function post_grid_layout_element_css_wrapper_start($args){
175
 
176
  ?>
177
  <style type="text/css">
178
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
179
  <?php if(!empty($color)): ?>
180
- color: <?php echo $color; ?>;
181
  <?php endif; ?>
182
  <?php if(!empty($font_size)): ?>
183
- font-size: <?php echo $font_size; ?>;
184
  <?php endif; ?>
185
  <?php if(!empty($font_family)): ?>
186
- font-family: <?php echo $font_family; ?>;
187
  <?php endif; ?>
188
  <?php if(!empty($margin)): ?>
189
- margin: <?php echo $margin; ?>;
190
  <?php endif; ?>
191
  <?php if(!empty($text_align)): ?>
192
- text-align: <?php echo $text_align; ?>;
193
  <?php endif; ?>
194
  <?php if(!empty($css)): ?>
195
  <?php echo $css; ?>
196
  <?php endif; ?>
197
  }
198
  <?php if(!empty($css_hover)): ?>
199
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
200
  <?php echo $css_hover; ?>
201
  }
202
  <?php endif; ?>
@@ -442,7 +442,7 @@ function post_grid_layout_element_option_custom_text($parameters){
442
 
443
  ob_start();
444
  ?>
445
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}</textarea>
446
  <?php
447
 
448
  $html = ob_get_clean();
@@ -509,28 +509,28 @@ function post_grid_layout_element_css_custom_text($args){
509
 
510
  ?>
511
  <style type="text/css">
512
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
513
  <?php if(!empty($color)): ?>
514
- color: <?php echo $color; ?>;
515
  <?php endif; ?>
516
  <?php if(!empty($font_size)): ?>
517
- font-size: <?php echo $font_size; ?>;
518
  <?php endif; ?>
519
  <?php if(!empty($font_family)): ?>
520
- font-family: <?php echo $font_family; ?>;
521
  <?php endif; ?>
522
  <?php if(!empty($margin)): ?>
523
- margin: <?php echo $margin; ?>;
524
  <?php endif; ?>
525
  <?php if(!empty($text_align)): ?>
526
- text-align: <?php echo $text_align; ?>;
527
  <?php endif; ?>
528
  <?php if(!empty($css)): ?>
529
  <?php echo $css; ?>
530
  <?php endif; ?>
531
  }
532
  <?php if(!empty($css_hover)): ?>
533
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
534
  <?php echo $css_hover; ?>
535
  }
536
  <?php endif; ?>
@@ -757,8 +757,8 @@ function post_grid_layout_element_option_title($parameters){
757
 
758
  ob_start();
759
  ?>
760
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
761
- .element_<?php echo $element_index?> a{}</textarea>
762
  <?php
763
 
764
  $html = ob_get_clean();
@@ -861,40 +861,40 @@ function post_grid_layout_element_css_title($args){
861
 
862
  ?>
863
  <style type="text/css">
864
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
865
  <?php if(!empty($color)): ?>
866
- color: <?php echo $color; ?>;
867
  <?php endif; ?>
868
  <?php if(!empty($font_size)): ?>
869
- font-size: <?php echo $font_size; ?>;
870
  <?php endif; ?>
871
  <?php if(!empty($font_family)): ?>
872
- font-family: <?php echo $font_family; ?>;
873
  <?php endif; ?>
874
  <?php if(!empty($margin)): ?>
875
- margin: <?php echo $margin; ?>;
876
  <?php endif; ?>
877
  <?php if(!empty($text_align)): ?>
878
- text-align: <?php echo $text_align; ?>;
879
  <?php endif; ?>
880
  <?php if(!empty($css)): ?>
881
  <?php echo $css; ?>
882
  <?php endif; ?>
883
  }
884
  <?php if(!empty($css_hover)): ?>
885
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
886
  <?php echo $css_hover; ?>
887
  }
888
  <?php endif; ?>
889
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
890
  <?php if(!empty($color)): ?>
891
- color: <?php echo $color; ?>;
892
  <?php endif; ?>
893
  <?php if(!empty($font_size)): ?>
894
- font-size: <?php echo $font_size; ?>;
895
  <?php endif; ?>
896
  <?php if(!empty($font_family)): ?>
897
- font-family: <?php echo $font_family; ?>;
898
  <?php endif; ?>
899
  }
900
  </style>
@@ -1122,8 +1122,8 @@ function post_grid_layout_element_option_title_link($parameters){
1122
 
1123
  ob_start();
1124
  ?>
1125
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
1126
- .element_<?php echo $element_index?> a{}</textarea>
1127
  <?php
1128
 
1129
  $html = ob_get_clean();
@@ -1219,40 +1219,40 @@ function post_grid_layout_element_css_title_link($args){
1219
 
1220
  ?>
1221
  <style type="text/css">
1222
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1223
  <?php if(!empty($color)): ?>
1224
- color: <?php echo $color; ?>;
1225
  <?php endif; ?>
1226
  <?php if(!empty($font_size)): ?>
1227
- font-size: <?php echo $font_size; ?>;
1228
  <?php endif; ?>
1229
  <?php if(!empty($font_family)): ?>
1230
- font-family: <?php echo $font_family; ?>;
1231
  <?php endif; ?>
1232
  <?php if(!empty($margin)): ?>
1233
- margin: <?php echo $margin; ?>;
1234
  <?php endif; ?>
1235
  <?php if(!empty($text_align)): ?>
1236
- text-align: <?php echo $text_align; ?>;
1237
  <?php endif; ?>
1238
  <?php if(!empty($css)): ?>
1239
  <?php echo $css; ?>
1240
  <?php endif; ?>
1241
  }
1242
  <?php if(!empty($css_hover)): ?>
1243
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1244
  <?php echo $css_hover; ?>
1245
  }
1246
  <?php endif; ?>
1247
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1248
  <?php if(!empty($color)): ?>
1249
- color: <?php echo $color; ?>;
1250
  <?php endif; ?>
1251
  <?php if(!empty($font_size)): ?>
1252
- font-size: <?php echo $font_size; ?>;
1253
  <?php endif; ?>
1254
  <?php if(!empty($font_family)): ?>
1255
- font-family: <?php echo $font_family; ?>;
1256
  <?php endif; ?>
1257
  }
1258
  </style>
@@ -1382,8 +1382,8 @@ function post_grid_layout_element_option_content($parameters){
1382
 
1383
  ob_start();
1384
  ?>
1385
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
1386
- .element_<?php echo $element_index?> a{}</textarea>
1387
  <?php
1388
 
1389
  $html = ob_get_clean();
@@ -1699,8 +1699,8 @@ function post_grid_layout_element_option_excerpt($parameters){
1699
 
1700
  ob_start();
1701
  ?>
1702
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
1703
- .element_<?php echo $element_index?> a{}</textarea>
1704
  <?php
1705
 
1706
  $html = ob_get_clean();
@@ -1836,40 +1836,40 @@ function post_grid_layout_element_css_excerpt($args){
1836
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1837
  ?>
1838
  <style type="text/css">
1839
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1840
  <?php if(!empty($color)): ?>
1841
- color: <?php echo $color; ?>;
1842
  <?php endif; ?>
1843
  <?php if(!empty($font_size)): ?>
1844
- font-size: <?php echo $font_size; ?>;
1845
  <?php endif; ?>
1846
  <?php if(!empty($font_family)): ?>
1847
- font-family: <?php echo $font_family; ?>;
1848
  <?php endif; ?>
1849
  <?php if(!empty($margin)): ?>
1850
- margin: <?php echo $margin; ?>;
1851
  <?php endif; ?>
1852
  <?php if(!empty($text_align)): ?>
1853
- text-align: <?php echo $text_align; ?>;
1854
  <?php endif; ?>
1855
  <?php if(!empty($css)): ?>
1856
  <?php echo $css; ?>
1857
  <?php endif; ?>
1858
  }
1859
  <?php if(!empty($css_hover)): ?>
1860
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1861
  <?php echo $css_hover; ?>
1862
  }
1863
  <?php endif; ?>
1864
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1865
  <?php if(!empty($color)): ?>
1866
- color: <?php echo $color; ?>;
1867
  <?php endif; ?>
1868
  <?php if(!empty($font_size)): ?>
1869
- font-size: <?php echo $font_size; ?>;
1870
  <?php endif; ?>
1871
  <?php if(!empty($font_family)): ?>
1872
- font-family: <?php echo $font_family; ?>;
1873
  <?php endif; ?>
1874
  }
1875
  </style>
@@ -2090,8 +2090,8 @@ function post_grid_layout_element_option_excerpt_read_more($parameters){
2090
 
2091
  ob_start();
2092
  ?>
2093
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
2094
- .element_<?php echo $element_index?> a{}</textarea>
2095
  <?php
2096
 
2097
  $html = ob_get_clean();
@@ -2211,40 +2211,40 @@ function post_grid_layout_element_css_excerpt_read_more($args){
2211
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
2212
  ?>
2213
  <style type="text/css">
2214
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
2215
  <?php if(!empty($color)): ?>
2216
- color: <?php echo $color; ?>;
2217
  <?php endif; ?>
2218
  <?php if(!empty($font_size)): ?>
2219
- font-size: <?php echo $font_size; ?>;
2220
  <?php endif; ?>
2221
  <?php if(!empty($font_family)): ?>
2222
- font-family: <?php echo $font_family; ?>;
2223
  <?php endif; ?>
2224
  <?php if(!empty($margin)): ?>
2225
- margin: <?php echo $margin; ?>;
2226
  <?php endif; ?>
2227
  <?php if(!empty($text_align)): ?>
2228
- text-align: <?php echo $text_align; ?>;
2229
  <?php endif; ?>
2230
  <?php if(!empty($css)): ?>
2231
  <?php echo $css; ?>
2232
  <?php endif; ?>
2233
  }
2234
  <?php if(!empty($css_hover)): ?>
2235
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
2236
  <?php echo $css_hover; ?>
2237
  }
2238
  <?php endif; ?>
2239
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
2240
  <?php if(!empty($color)): ?>
2241
- color: <?php echo $color; ?>;
2242
  <?php endif; ?>
2243
  <?php if(!empty($font_size)): ?>
2244
- font-size: <?php echo $font_size; ?>;
2245
  <?php endif; ?>
2246
  <?php if(!empty($font_family)): ?>
2247
- font-family: <?php echo $font_family; ?>;
2248
  <?php endif; ?>
2249
  }
2250
  </style>
@@ -2450,8 +2450,8 @@ function post_grid_layout_element_option_read_more($parameters){
2450
 
2451
  ob_start();
2452
  ?>
2453
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
2454
- .element_<?php echo $element_index?> a{}</textarea>
2455
  <?php
2456
 
2457
  $html = ob_get_clean();
@@ -2496,7 +2496,7 @@ function post_grid_layout_element_read_more($args){
2496
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
2497
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
2498
 
2499
-
2500
  ?>
2501
  <?php if($link_to == 'post_link'): ?>
2502
  <a class="element element_<?php echo esc_attr($elementIndex); ?> <?php echo esc_attr($custom_class); ?> read_more " target="<?php echo esc_attr($link_target); ?>" href="<?php echo esc_url_raw($post_link); ?>"><?php echo esc_html($read_more_text); ?></a>
@@ -2536,40 +2536,40 @@ function post_grid_layout_element_css_read_more($args){
2536
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
2537
  ?>
2538
  <style type="text/css">
2539
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
2540
  <?php if(!empty($color)): ?>
2541
- color: <?php echo $color; ?> !important;;
2542
  <?php endif; ?>
2543
  <?php if(!empty($font_size)): ?>
2544
- font-size: <?php echo $font_size; ?>;
2545
  <?php endif; ?>
2546
  <?php if(!empty($font_family)): ?>
2547
- font-family: <?php echo $font_family; ?>;
2548
  <?php endif; ?>
2549
  <?php if(!empty($margin)): ?>
2550
- margin: <?php echo $margin; ?>;
2551
  <?php endif; ?>
2552
  <?php if(!empty($text_align)): ?>
2553
- text-align: <?php echo $text_align; ?>;
2554
  <?php endif; ?>
2555
  <?php if(!empty($css)): ?>
2556
  <?php echo $css; ?>
2557
  <?php endif; ?>
2558
  }
2559
  <?php if(!empty($css_hover)): ?>
2560
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
2561
  <?php echo $css_hover; ?>
2562
  }
2563
  <?php endif; ?>
2564
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
2565
  <?php if(!empty($color)): ?>
2566
- color: <?php echo $color; ?> !important; ;
2567
  <?php endif; ?>
2568
  <?php if(!empty($font_size)): ?>
2569
- font-size: <?php echo $font_size; ?> !important;;
2570
  <?php endif; ?>
2571
  <?php if(!empty($font_family)): ?>
2572
- font-family: <?php echo $font_family; ?> !important;;
2573
  <?php endif; ?>
2574
  }
2575
  </style>
@@ -2856,8 +2856,8 @@ function post_grid_layout_element_option_media($parameters){
2856
 
2857
  ob_start();
2858
  ?>
2859
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
2860
- .element_<?php echo $element_index?> a{}</textarea>
2861
  <?php
2862
 
2863
  $html = ob_get_clean();
@@ -2974,12 +2974,12 @@ function post_grid_layout_element_css_media($args){
2974
 
2975
  ?>
2976
  <style type="text/css">
2977
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
2978
  <?php if(!empty($margin)): ?>
2979
- margin: <?php echo $margin; ?>;
2980
  <?php endif; ?>
2981
  <?php if(!empty($padding)): ?>
2982
- padding: <?php echo $padding; ?>;
2983
  <?php endif; ?>
2984
  overflow: hidden;
2985
  <?php if(!empty($css)): ?>
@@ -2987,51 +2987,51 @@ function post_grid_layout_element_css_media($args){
2987
  <?php endif; ?>
2988
  }
2989
  <?php if(!empty($css_hover)): ?>
2990
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
2991
  <?php echo $css_hover; ?>
2992
  }
2993
  <?php endif; ?>
2994
  @media only screen and (min-width: 1024px ){
2995
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
2996
  <?php if($height_large_type =='auto_height'): ?>
2997
  height: auto;
2998
  <?php elseif ($height_large_type =='fixed_height'): ?>
2999
  <?php if(!empty($thumb_height_large)): ?>
3000
- height: <?php echo $thumb_height_large; ?>;
3001
  <?php endif; ?>
3002
  <?php elseif ($height_large_type =='max_height'): ?>
3003
  <?php if(!empty($thumb_height_large)): ?>
3004
- max-height: <?php echo $thumb_height_large; ?>;
3005
  <?php endif; ?>
3006
  <?php endif; ?>
3007
  }
3008
  }
3009
  @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
3010
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
3011
  <?php if($height_medium_type =='auto_height'): ?>
3012
  height: auto;
3013
  <?php elseif ($height_medium_type =='fixed_height'): ?>
3014
  <?php if(!empty($thumb_height_medium)): ?>
3015
- height: <?php echo $thumb_height_medium; ?>;
3016
  <?php endif; ?>
3017
  <?php elseif ($height_medium_type =='max_height'): ?>
3018
  <?php if(!empty($thumb_height_medium)): ?>
3019
- max-height: <?php echo $thumb_height_medium; ?>;
3020
  <?php endif; ?>
3021
  <?php endif; ?>
3022
  }
3023
  }
3024
  @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
3025
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
3026
  <?php if($height_small_type =='auto_height'): ?>
3027
  height: auto;
3028
  <?php elseif ($height_small_type =='fixed_height'): ?>
3029
  <?php if(!empty($thumb_height_small)): ?>
3030
- height: <?php echo $thumb_height_small; ?>;
3031
  <?php endif; ?>
3032
  <?php elseif ($height_small_type =='max_height'): ?>
3033
  <?php if(!empty($thumb_height_small)): ?>
3034
- max-height: <?php echo $thumb_height_small; ?>;
3035
  <?php endif; ?>
3036
  <?php endif; ?>
3037
  }
@@ -3270,8 +3270,8 @@ function post_grid_layout_element_option_thumb($parameters){
3270
 
3271
  ob_start();
3272
  ?>
3273
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
3274
- .element_<?php echo $element_index?> a{}</textarea>
3275
  <?php
3276
 
3277
  $html = ob_get_clean();
@@ -3381,30 +3381,30 @@ function post_grid_layout_element_css_thumb($args){
3381
 
3382
  ?>
3383
  <style type="text/css">
3384
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
3385
  overflow: hidden;
3386
  <?php if(!empty($margin)): ?>
3387
- margin: <?php echo $margin; ?>;
3388
  <?php endif; ?>
3389
  }
3390
  @media only screen and (min-width: 1024px ){
3391
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
3392
  <?php if(!empty($thumb_height_large)): ?>
3393
- max-height: <?php echo $thumb_height_large; ?>;
3394
  <?php endif; ?>
3395
  }
3396
  }
3397
  @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
3398
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
3399
  <?php if(!empty($thumb_height_medium)): ?>
3400
- max-height: <?php echo $thumb_height_medium; ?>;
3401
  <?php endif; ?>
3402
  }
3403
  }
3404
  @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
3405
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
3406
  <?php if(!empty($thumb_height_small)): ?>
3407
- max-height: <?php echo $thumb_height_small; ?>;
3408
  <?php endif; ?>
3409
  }
3410
  }
@@ -3638,8 +3638,8 @@ function post_grid_layout_element_option_thumb_link($parameters){
3638
 
3639
  ob_start();
3640
  ?>
3641
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
3642
- .element_<?php echo $element_index?> a{}</textarea>
3643
  <?php
3644
 
3645
  $html = ob_get_clean();
@@ -3746,30 +3746,30 @@ function post_grid_layout_element_css_thumb_link($args){
3746
 
3747
  ?>
3748
  <style type="text/css">
3749
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
3750
  overflow: hidden;
3751
  <?php if(!empty($margin)): ?>
3752
- margin: <?php echo $margin; ?>;
3753
  <?php endif; ?>
3754
  }
3755
  @media only screen and (min-width: 1024px ){
3756
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
3757
  <?php if(!empty($thumb_height_large)): ?>
3758
- max-height: <?php echo $thumb_height_large; ?>;
3759
  <?php endif; ?>
3760
  }
3761
  }
3762
  @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
3763
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
3764
  <?php if(!empty($thumb_height_medium)): ?>
3765
- max-height: <?php echo $thumb_height_medium; ?>;
3766
  <?php endif; ?>
3767
  }
3768
  }
3769
  @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
3770
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
3771
  <?php if(!empty($thumb_height_small)): ?>
3772
- max-height: <?php echo $thumb_height_small; ?>;
3773
  <?php endif; ?>
3774
  }
3775
  }
@@ -3991,8 +3991,8 @@ function post_grid_layout_element_option_post_date($parameters){
3991
 
3992
  ob_start();
3993
  ?>
3994
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
3995
- .element_<?php echo $element_index?> a{}</textarea>
3996
  <?php
3997
 
3998
  $html = ob_get_clean();
@@ -4089,40 +4089,40 @@ function post_grid_layout_element_css_post_date($args){
4089
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
4090
  ?>
4091
  <style type="text/css">
4092
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
4093
  <?php if(!empty($color)): ?>
4094
- color: <?php echo $color; ?>;
4095
  <?php endif; ?>
4096
  <?php if(!empty($font_size)): ?>
4097
- font-size: <?php echo $font_size; ?>;
4098
  <?php endif; ?>
4099
  <?php if(!empty($font_family)): ?>
4100
- font-family: <?php echo $font_family; ?>;
4101
  <?php endif; ?>
4102
  <?php if(!empty($margin)): ?>
4103
- margin: <?php echo $margin; ?>;
4104
  <?php endif; ?>
4105
  <?php if(!empty($text_align)): ?>
4106
- text-align: <?php echo $text_align; ?>;
4107
  <?php endif; ?>
4108
  <?php if(!empty($css)): ?>
4109
  <?php echo $css; ?>
4110
  <?php endif; ?>
4111
  }
4112
  <?php if(!empty($css_hover)): ?>
4113
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
4114
  <?php echo $css_hover; ?>
4115
  }
4116
  <?php endif; ?>
4117
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
4118
  <?php if(!empty($color)): ?>
4119
- color: <?php echo $color; ?>;
4120
  <?php endif; ?>
4121
  <?php if(!empty($font_size)): ?>
4122
- font-size: <?php echo $font_size; ?>;
4123
  <?php endif; ?>
4124
  <?php if(!empty($font_family)): ?>
4125
- font-family: <?php echo $font_family; ?>;
4126
  <?php endif; ?>
4127
  }
4128
  </style>
@@ -4308,8 +4308,8 @@ function post_grid_layout_element_option_author($parameters){
4308
 
4309
  ob_start();
4310
  ?>
4311
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
4312
- .element_<?php echo $element_index?> a{}</textarea>
4313
  <?php
4314
 
4315
  $html = ob_get_clean();
@@ -4419,40 +4419,40 @@ function post_grid_layout_element_css_author($args){
4419
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
4420
  ?>
4421
  <style type="text/css">
4422
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
4423
  <?php if(!empty($color)): ?>
4424
- color: <?php echo $color; ?>;
4425
  <?php endif; ?>
4426
  <?php if(!empty($font_size)): ?>
4427
- font-size: <?php echo $font_size; ?>;
4428
  <?php endif; ?>
4429
  <?php if(!empty($font_family)): ?>
4430
- font-family: <?php echo $font_family; ?>;
4431
  <?php endif; ?>
4432
  <?php if(!empty($margin)): ?>
4433
- margin: <?php echo $margin; ?>;
4434
  <?php endif; ?>
4435
  <?php if(!empty($text_align)): ?>
4436
- text-align: <?php echo $text_align; ?>;
4437
  <?php endif; ?>
4438
  <?php if(!empty($css)): ?>
4439
  <?php echo $css; ?>
4440
  <?php endif; ?>
4441
  }
4442
  <?php if(!empty($css_hover)): ?>
4443
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
4444
  <?php echo $css_hover; ?>
4445
  }
4446
  <?php endif; ?>
4447
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
4448
  <?php if(!empty($color)): ?>
4449
- color: <?php echo $color; ?>;
4450
  <?php endif; ?>
4451
  <?php if(!empty($font_size)): ?>
4452
- font-size: <?php echo $font_size; ?>;
4453
  <?php endif; ?>
4454
  <?php if(!empty($font_family)): ?>
4455
- font-family: <?php echo $font_family; ?>;
4456
  <?php endif; ?>
4457
  }
4458
  </style>
@@ -4634,8 +4634,8 @@ function post_grid_layout_element_option_author_link($parameters){
4634
 
4635
  ob_start();
4636
  ?>
4637
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
4638
- .element_<?php echo $element_index?> a{}</textarea>
4639
  <?php
4640
 
4641
  $html = ob_get_clean();
@@ -4739,40 +4739,40 @@ function post_grid_layout_element_css_author_link($args){
4739
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
4740
  ?>
4741
  <style type="text/css">
4742
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
4743
  <?php if(!empty($color)): ?>
4744
- color: <?php echo $color; ?>;
4745
  <?php endif; ?>
4746
  <?php if(!empty($font_size)): ?>
4747
- font-size: <?php echo $font_size; ?>;
4748
  <?php endif; ?>
4749
  <?php if(!empty($font_family)): ?>
4750
- font-family: <?php echo $font_family; ?>;
4751
  <?php endif; ?>
4752
  <?php if(!empty($margin)): ?>
4753
- margin: <?php echo $margin; ?>;
4754
  <?php endif; ?>
4755
  <?php if(!empty($text_align)): ?>
4756
- text-align: <?php echo $text_align; ?>;
4757
  <?php endif; ?>
4758
  <?php if(!empty($css)): ?>
4759
  <?php echo $css; ?>
4760
  <?php endif; ?>
4761
  }
4762
  <?php if(!empty($css_hover)): ?>
4763
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
4764
  <?php echo $css_hover; ?>
4765
  }
4766
  <?php endif; ?>
4767
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
4768
  <?php if(!empty($color)): ?>
4769
- color: <?php echo $color; ?>;
4770
  <?php endif; ?>
4771
  <?php if(!empty($font_size)): ?>
4772
- font-size: <?php echo $font_size; ?>;
4773
  <?php endif; ?>
4774
  <?php if(!empty($font_family)): ?>
4775
- font-family: <?php echo $font_family; ?>;
4776
  <?php endif; ?>
4777
  }
4778
  </style>
@@ -5005,8 +5005,8 @@ function post_grid_layout_element_option_categories($parameters){
5005
 
5006
  ob_start();
5007
  ?>
5008
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
5009
- .element_<?php echo $element_index?> a{}</textarea>
5010
  <?php
5011
 
5012
  $html = ob_get_clean();
@@ -5097,39 +5097,39 @@ function post_grid_layout_element_css_categories($args){
5097
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
5098
  ?>
5099
  <style type="text/css">
5100
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
5101
  <?php if(!empty($text_color)): ?>
5102
- color: <?php echo $text_color; ?>;
5103
  <?php endif; ?>
5104
  <?php if(!empty($font_size)): ?>
5105
- font-size: <?php echo $font_size; ?>;
5106
  <?php endif; ?>
5107
  <?php if(!empty($font_family)): ?>
5108
- font-family: <?php echo $font_family; ?>;
5109
  <?php endif; ?>
5110
  <?php if(!empty($margin)): ?>
5111
- margin: <?php echo $margin; ?>;
5112
  <?php endif; ?>
5113
  <?php if(!empty($text_align)): ?>
5114
- text-align: <?php echo $text_align; ?>;
5115
  <?php endif; ?>
5116
  <?php if(!empty($css)): ?>
5117
  <?php echo $css; ?>
5118
  <?php endif; ?>
5119
  }
5120
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
5121
  <?php if(!empty($link_color)): ?>
5122
- color: <?php echo $link_color; ?>;
5123
  <?php endif; ?>
5124
  <?php if(!empty($font_size)): ?>
5125
- font-size: <?php echo $font_size; ?>;
5126
  <?php endif; ?>
5127
  <?php if(!empty($font_family)): ?>
5128
- font-family: <?php echo $font_family; ?>;
5129
  <?php endif; ?>
5130
  }
5131
  <?php if(!empty($css_hover)): ?>
5132
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
5133
  <?php echo $css_hover; ?>
5134
  }
5135
  <?php endif; ?>
@@ -5326,8 +5326,8 @@ function post_grid_layout_element_option_tags($parameters){
5326
 
5327
  ob_start();
5328
  ?>
5329
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
5330
- .element_<?php echo $element_index?> a{}</textarea>
5331
  <?php
5332
 
5333
  $html = ob_get_clean();
@@ -5416,39 +5416,39 @@ function post_grid_layout_element_css_tags($args){
5416
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
5417
  ?>
5418
  <style type="text/css">
5419
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
5420
  <?php if(!empty($text_color)): ?>
5421
- color: <?php echo $text_color; ?>;
5422
  <?php endif; ?>
5423
  <?php if(!empty($font_size)): ?>
5424
- font-size: <?php echo $font_size; ?>;
5425
  <?php endif; ?>
5426
  <?php if(!empty($font_family)): ?>
5427
- font-family: <?php echo $font_family; ?>;
5428
  <?php endif; ?>
5429
  <?php if(!empty($margin)): ?>
5430
- margin: <?php echo $margin; ?>;
5431
  <?php endif; ?>
5432
  <?php if(!empty($text_align)): ?>
5433
- text-align: <?php echo $text_align; ?>;
5434
  <?php endif; ?>
5435
  <?php if(!empty($css)): ?>
5436
  <?php echo $css; ?>
5437
  <?php endif; ?>
5438
  }
5439
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
5440
  <?php if(!empty($link_color)): ?>
5441
- color: <?php echo $link_color; ?>;
5442
  <?php endif; ?>
5443
  <?php if(!empty($font_size)): ?>
5444
- font-size: <?php echo $font_size; ?>;
5445
  <?php endif; ?>
5446
  <?php if(!empty($font_family)): ?>
5447
- font-family: <?php echo $font_family; ?>;
5448
  <?php endif; ?>
5449
  }
5450
  <?php if(!empty($css_hover)): ?>
5451
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
5452
  <?php echo $css_hover; ?>
5453
  }
5454
  <?php endif; ?>
@@ -5625,7 +5625,7 @@ function post_grid_layout_element_option_comments_count($parameters){
5625
 
5626
  ob_start();
5627
  ?>
5628
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}</textarea>
5629
  <?php
5630
 
5631
  $html = ob_get_clean();
@@ -5711,28 +5711,28 @@ function post_grid_layout_element_css_comments_count($args){
5711
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
5712
  ?>
5713
  <style type="text/css">
5714
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
5715
  <?php if(!empty($color)): ?>
5716
- color: <?php echo $color; ?>;
5717
  <?php endif; ?>
5718
  <?php if(!empty($font_size)): ?>
5719
- font-size: <?php echo $font_size; ?>;
5720
  <?php endif; ?>
5721
  <?php if(!empty($font_family)): ?>
5722
- font-family: <?php echo $font_family; ?>;
5723
  <?php endif; ?>
5724
  <?php if(!empty($margin)): ?>
5725
- margin: <?php echo $margin; ?>;
5726
  <?php endif; ?>
5727
  <?php if(!empty($text_align)): ?>
5728
- text-align: <?php echo $text_align; ?>;
5729
  <?php endif; ?>
5730
  <?php if(!empty($css)): ?>
5731
  <?php echo $css; ?>
5732
  <?php endif; ?>
5733
  }
5734
  <?php if(!empty($css_hover)): ?>
5735
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
5736
  <?php echo $css_hover; ?>
5737
  }
5738
  <?php endif; ?>
@@ -5867,8 +5867,8 @@ function post_grid_layout_element_option_share_button($parameters){
5867
 
5868
  ob_start();
5869
  ?>
5870
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}
5871
- .element_<?php echo $element_index?> a{}</textarea>
5872
  <?php
5873
 
5874
  $html = ob_get_clean();
@@ -5956,36 +5956,36 @@ function post_grid_layout_element_css_share_button($args){
5956
 
5957
  ?>
5958
  <style type="text/css">
5959
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
5960
  <?php if(!empty($icon_color)): ?>
5961
- color: <?php echo $icon_color; ?>;
5962
  <?php endif; ?>
5963
  <?php if(!empty($font_size)): ?>
5964
- font-size: <?php echo $font_size; ?>;
5965
  <?php endif; ?>
5966
  <?php if(!empty($wrapper_margin)): ?>
5967
- margin: <?php echo $wrapper_margin; ?>;
5968
  <?php endif; ?>
5969
  <?php if(!empty($text_align)): ?>
5970
- text-align: <?php echo $text_align; ?>;
5971
  <?php endif; ?>
5972
  <?php if(!empty($css)): ?>
5973
  <?php echo $css; ?>
5974
  <?php endif; ?>
5975
  }
5976
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
5977
  <?php if(!empty($icon_color)): ?>
5978
- color: <?php echo $icon_color; ?>;
5979
  <?php endif; ?>
5980
  <?php if(!empty($font_size)): ?>
5981
- font-size: <?php echo $font_size; ?>;
5982
  <?php endif; ?>
5983
  <?php if(!empty($icon_margin)): ?>
5984
- margin: <?php echo $icon_margin; ?>;
5985
  <?php endif; ?>
5986
  }
5987
  <?php if(!empty($css_hover)): ?>
5988
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
5989
  <?php echo $css_hover; ?>
5990
  }
5991
  <?php endif; ?>
@@ -6111,7 +6111,7 @@ function post_grid_layout_element_option_hr($parameters){
6111
 
6112
  ob_start();
6113
  ?>
6114
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}</textarea>
6115
  <?php
6116
 
6117
  $html = ob_get_clean();
@@ -6175,22 +6175,22 @@ function post_grid_layout_element_css_hr($args){
6175
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
6176
  ?>
6177
  <style type="text/css">
6178
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
6179
  <?php if(!empty($margin)): ?>
6180
- margin: <?php echo $margin; ?>;
6181
  <?php endif; ?>
6182
  <?php if(!empty($background_color)): ?>
6183
- background-color: <?php echo $background_color; ?>;
6184
  <?php endif; ?>
6185
  <?php if(!empty($height)): ?>
6186
- padding: <?php echo $height; ?>;
6187
  <?php endif; ?>
6188
  <?php if(!empty($css)): ?>
6189
  <?php echo $css; ?>
6190
  <?php endif; ?>
6191
  }
6192
  <?php if(!empty($css_hover)): ?>
6193
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
6194
  <?php echo $css_hover; ?>
6195
  }
6196
  <?php endif; ?>
@@ -6332,7 +6332,7 @@ function post_grid_layout_element_option_five_star($parameters){
6332
 
6333
  ob_start();
6334
  ?>
6335
- <textarea readonly type="text" onclick="this.select();">.element_<?php echo $element_index?>{}</textarea>
6336
  <?php
6337
 
6338
  $html = ob_get_clean();
@@ -6427,25 +6427,25 @@ function post_grid_layout_element_css_five_star($args){
6427
 
6428
  ?>
6429
  <style type="text/css">
6430
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
6431
  <?php if(!empty($color)): ?>
6432
- color: <?php echo $color; ?>;
6433
  <?php endif; ?>
6434
  <?php if(!empty($font_size)): ?>
6435
- font-size: <?php echo $font_size; ?>;
6436
  <?php endif; ?>
6437
  <?php if(!empty($margin)): ?>
6438
- margin: <?php echo $margin; ?>;
6439
  <?php endif; ?>
6440
  <?php if(!empty($text_align)): ?>
6441
- text-align: <?php echo $text_align; ?>;
6442
  <?php endif; ?>
6443
  <?php if(!empty($css)): ?>
6444
  <?php echo $css; ?>
6445
  <?php endif; ?>
6446
  }
6447
  <?php if(!empty($css_hover)): ?>
6448
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
6449
  <?php echo $css_hover; ?>
6450
  }
6451
  <?php endif; ?>
109
 
110
  ob_start();
111
  ?>
112
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}</textarea>
113
  <?php
114
 
115
  $html = ob_get_clean();
150
 
151
 
152
  ?>
153
+ <div class="<?php echo esc_attr($wrapper_class); ?> <?php echo esc_attr($element_class); ?>" id="<?php echo esc_attr($wrapper_id); ?>">
154
  <?php
155
 
156
  }
175
 
176
  ?>
177
  <style type="text/css">
178
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
179
  <?php if(!empty($color)): ?>
180
+ color: <?php echo esc_attr($color); ?>;
181
  <?php endif; ?>
182
  <?php if(!empty($font_size)): ?>
183
+ font-size: <?php echo esc_attr($font_size); ?>;
184
  <?php endif; ?>
185
  <?php if(!empty($font_family)): ?>
186
+ font-family: <?php echo esc_attr($font_family); ?>;
187
  <?php endif; ?>
188
  <?php if(!empty($margin)): ?>
189
+ margin: <?php echo esc_attr($margin); ?>;
190
  <?php endif; ?>
191
  <?php if(!empty($text_align)): ?>
192
+ text-align: <?php echo esc_attr($text_align); ?>;
193
  <?php endif; ?>
194
  <?php if(!empty($css)): ?>
195
  <?php echo $css; ?>
196
  <?php endif; ?>
197
  }
198
  <?php if(!empty($css_hover)): ?>
199
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
200
  <?php echo $css_hover; ?>
201
  }
202
  <?php endif; ?>
442
 
443
  ob_start();
444
  ?>
445
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}</textarea>
446
  <?php
447
 
448
  $html = ob_get_clean();
509
 
510
  ?>
511
  <style type="text/css">
512
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
513
  <?php if(!empty($color)): ?>
514
+ color: <?php echo esc_attr($color); ?>;
515
  <?php endif; ?>
516
  <?php if(!empty($font_size)): ?>
517
+ font-size: <?php echo esc_attr($font_size); ?>;
518
  <?php endif; ?>
519
  <?php if(!empty($font_family)): ?>
520
+ font-family: <?php echo esc_attr($font_family); ?>;
521
  <?php endif; ?>
522
  <?php if(!empty($margin)): ?>
523
+ margin: <?php echo esc_attr($margin); ?>;
524
  <?php endif; ?>
525
  <?php if(!empty($text_align)): ?>
526
+ text-align: <?php echo esc_attr($text_align); ?>;
527
  <?php endif; ?>
528
  <?php if(!empty($css)): ?>
529
  <?php echo $css; ?>
530
  <?php endif; ?>
531
  }
532
  <?php if(!empty($css_hover)): ?>
533
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
534
  <?php echo $css_hover; ?>
535
  }
536
  <?php endif; ?>
757
 
758
  ob_start();
759
  ?>
760
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
761
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
762
  <?php
763
 
764
  $html = ob_get_clean();
861
 
862
  ?>
863
  <style type="text/css">
864
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
865
  <?php if(!empty($color)): ?>
866
+ color: <?php echo esc_attr($color); ?>;
867
  <?php endif; ?>
868
  <?php if(!empty($font_size)): ?>
869
+ font-size: <?php echo esc_attr($font_size); ?>;
870
  <?php endif; ?>
871
  <?php if(!empty($font_family)): ?>
872
+ font-family: <?php echo esc_attr($font_family); ?>;
873
  <?php endif; ?>
874
  <?php if(!empty($margin)): ?>
875
+ margin: <?php echo esc_attr($margin); ?>;
876
  <?php endif; ?>
877
  <?php if(!empty($text_align)): ?>
878
+ text-align: <?php echo esc_attr($text_align); ?>;
879
  <?php endif; ?>
880
  <?php if(!empty($css)): ?>
881
  <?php echo $css; ?>
882
  <?php endif; ?>
883
  }
884
  <?php if(!empty($css_hover)): ?>
885
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
886
  <?php echo $css_hover; ?>
887
  }
888
  <?php endif; ?>
889
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?> a{
890
  <?php if(!empty($color)): ?>
891
+ color: <?php echo esc_attr($color); ?>;
892
  <?php endif; ?>
893
  <?php if(!empty($font_size)): ?>
894
+ font-size: <?php echo esc_attr($font_size); ?>;
895
  <?php endif; ?>
896
  <?php if(!empty($font_family)): ?>
897
+ font-family: <?php echo esc_attr($font_family); ?>;
898
  <?php endif; ?>
899
  }
900
  </style>
1122
 
1123
  ob_start();
1124
  ?>
1125
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
1126
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
1127
  <?php
1128
 
1129
  $html = ob_get_clean();
1219
 
1220
  ?>
1221
  <style type="text/css">
1222
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
1223
  <?php if(!empty($color)): ?>
1224
+ color: <?php echo esc_attr($color); ?>;
1225
  <?php endif; ?>
1226
  <?php if(!empty($font_size)): ?>
1227
+ font-size: <?php echo esc_attr($font_size); ?>;
1228
  <?php endif; ?>
1229
  <?php if(!empty($font_family)): ?>
1230
+ font-family: <?php echo esc_attr($font_family); ?>;
1231
  <?php endif; ?>
1232
  <?php if(!empty($margin)): ?>
1233
+ margin: <?php echo esc_attr($margin); ?>;
1234
  <?php endif; ?>
1235
  <?php if(!empty($text_align)): ?>
1236
+ text-align: <?php echo esc_attr($text_align); ?>;
1237
  <?php endif; ?>
1238
  <?php if(!empty($css)): ?>
1239
  <?php echo $css; ?>
1240
  <?php endif; ?>
1241
  }
1242
  <?php if(!empty($css_hover)): ?>
1243
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
1244
  <?php echo $css_hover; ?>
1245
  }
1246
  <?php endif; ?>
1247
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?> a{
1248
  <?php if(!empty($color)): ?>
1249
+ color: <?php echo esc_attr($color); ?>;
1250
  <?php endif; ?>
1251
  <?php if(!empty($font_size)): ?>
1252
+ font-size: <?php echo esc_attr($font_size); ?>;
1253
  <?php endif; ?>
1254
  <?php if(!empty($font_family)): ?>
1255
+ font-family: <?php echo esc_attr($font_family); ?>;
1256
  <?php endif; ?>
1257
  }
1258
  </style>
1382
 
1383
  ob_start();
1384
  ?>
1385
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
1386
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
1387
  <?php
1388
 
1389
  $html = ob_get_clean();
1699
 
1700
  ob_start();
1701
  ?>
1702
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
1703
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
1704
  <?php
1705
 
1706
  $html = ob_get_clean();
1836
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1837
  ?>
1838
  <style type="text/css">
1839
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
1840
  <?php if(!empty($color)): ?>
1841
+ color: <?php echo esc_attr($color); ?>;
1842
  <?php endif; ?>
1843
  <?php if(!empty($font_size)): ?>
1844
+ font-size: <?php echo esc_attr($font_size); ?>;
1845
  <?php endif; ?>
1846
  <?php if(!empty($font_family)): ?>
1847
+ font-family: <?php echo esc_attr($font_family); ?>;
1848
  <?php endif; ?>
1849
  <?php if(!empty($margin)): ?>
1850
+ margin: <?php echo esc_attr($margin); ?>;
1851
  <?php endif; ?>
1852
  <?php if(!empty($text_align)): ?>
1853
+ text-align: <?php echo esc_attr($text_align); ?>;
1854
  <?php endif; ?>
1855
  <?php if(!empty($css)): ?>
1856
  <?php echo $css; ?>
1857
  <?php endif; ?>
1858
  }
1859
  <?php if(!empty($css_hover)): ?>
1860
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
1861
  <?php echo $css_hover; ?>
1862
  }
1863
  <?php endif; ?>
1864
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?> a{
1865
  <?php if(!empty($color)): ?>
1866
+ color: <?php echo esc_attr($color); ?>;
1867
  <?php endif; ?>
1868
  <?php if(!empty($font_size)): ?>
1869
+ font-size: <?php echo esc_attr($font_size); ?>;
1870
  <?php endif; ?>
1871
  <?php if(!empty($font_family)): ?>
1872
+ font-family: <?php echo esc_attr($font_family); ?>;
1873
  <?php endif; ?>
1874
  }
1875
  </style>
2090
 
2091
  ob_start();
2092
  ?>
2093
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
2094
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
2095
  <?php
2096
 
2097
  $html = ob_get_clean();
2211
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
2212
  ?>
2213
  <style type="text/css">
2214
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
2215
  <?php if(!empty($color)): ?>
2216
+ color: <?php echo esc_attr($color); ?>;
2217
  <?php endif; ?>
2218
  <?php if(!empty($font_size)): ?>
2219
+ font-size: <?php echo esc_attr($font_size); ?>;
2220
  <?php endif; ?>
2221
  <?php if(!empty($font_family)): ?>
2222
+ font-family: <?php echo esc_attr($font_family); ?>;
2223
  <?php endif; ?>
2224
  <?php if(!empty($margin)): ?>
2225
+ margin: <?php echo esc_attr($margin); ?>;
2226
  <?php endif; ?>
2227
  <?php if(!empty($text_align)): ?>
2228
+ text-align: <?php echo esc_attr($text_align); ?>;
2229
  <?php endif; ?>
2230
  <?php if(!empty($css)): ?>
2231
  <?php echo $css; ?>
2232
  <?php endif; ?>
2233
  }
2234
  <?php if(!empty($css_hover)): ?>
2235
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
2236
  <?php echo $css_hover; ?>
2237
  }
2238
  <?php endif; ?>
2239
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?> a{
2240
  <?php if(!empty($color)): ?>
2241
+ color: <?php echo esc_attr($color); ?>;
2242
  <?php endif; ?>
2243
  <?php if(!empty($font_size)): ?>
2244
+ font-size: <?php echo esc_attr($font_size); ?>;
2245
  <?php endif; ?>
2246
  <?php if(!empty($font_family)): ?>
2247
+ font-family: <?php echo esc_attr($font_family); ?>;
2248
  <?php endif; ?>
2249
  }
2250
  </style>
2450
 
2451
  ob_start();
2452
  ?>
2453
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
2454
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
2455
  <?php
2456
 
2457
  $html = ob_get_clean();
2496
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
2497
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
2498
 
2499
+ $title = get_the_title($post_id);
2500
  ?>
2501
  <?php if($link_to == 'post_link'): ?>
2502
  <a class="element element_<?php echo esc_attr($elementIndex); ?> <?php echo esc_attr($custom_class); ?> read_more " target="<?php echo esc_attr($link_target); ?>" href="<?php echo esc_url_raw($post_link); ?>"><?php echo esc_html($read_more_text); ?></a>
2536
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
2537
  ?>
2538
  <style type="text/css">
2539
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
2540
  <?php if(!empty($color)): ?>
2541
+ color: <?php echo esc_attr($color); ?> !important;;
2542
  <?php endif; ?>
2543
  <?php if(!empty($font_size)): ?>
2544
+ font-size: <?php echo esc_attr($font_size); ?>;
2545
  <?php endif; ?>
2546
  <?php if(!empty($font_family)): ?>
2547
+ font-family: <?php echo esc_attr($font_family); ?>;
2548
  <?php endif; ?>
2549
  <?php if(!empty($margin)): ?>
2550
+ margin: <?php echo esc_attr($margin); ?>;
2551
  <?php endif; ?>
2552
  <?php if(!empty($text_align)): ?>
2553
+ text-align: <?php echo esc_attr($text_align); ?>;
2554
  <?php endif; ?>
2555
  <?php if(!empty($css)): ?>
2556
  <?php echo $css; ?>
2557
  <?php endif; ?>
2558
  }
2559
  <?php if(!empty($css_hover)): ?>
2560
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
2561
  <?php echo $css_hover; ?>
2562
  }
2563
  <?php endif; ?>
2564
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?> a{
2565
  <?php if(!empty($color)): ?>
2566
+ color: <?php echo esc_attr($color); ?> !important; ;
2567
  <?php endif; ?>
2568
  <?php if(!empty($font_size)): ?>
2569
+ font-size: <?php echo esc_attr($font_size); ?> !important;;
2570
  <?php endif; ?>
2571
  <?php if(!empty($font_family)): ?>
2572
+ font-family: <?php echo esc_attr($font_family); ?> !important;;
2573
  <?php endif; ?>
2574
  }
2575
  </style>
2856
 
2857
  ob_start();
2858
  ?>
2859
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
2860
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
2861
  <?php
2862
 
2863
  $html = ob_get_clean();
2974
 
2975
  ?>
2976
  <style type="text/css">
2977
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
2978
  <?php if(!empty($margin)): ?>
2979
+ margin: <?php echo esc_attr($margin); ?>;
2980
  <?php endif; ?>
2981
  <?php if(!empty($padding)): ?>
2982
+ padding: <?php echo esc_attr($padding); ?>;
2983
  <?php endif; ?>
2984
  overflow: hidden;
2985
  <?php if(!empty($css)): ?>
2987
  <?php endif; ?>
2988
  }
2989
  <?php if(!empty($css_hover)): ?>
2990
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
2991
  <?php echo $css_hover; ?>
2992
  }
2993
  <?php endif; ?>
2994
  @media only screen and (min-width: 1024px ){
2995
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
2996
  <?php if($height_large_type =='auto_height'): ?>
2997
  height: auto;
2998
  <?php elseif ($height_large_type =='fixed_height'): ?>
2999
  <?php if(!empty($thumb_height_large)): ?>
3000
+ height: <?php echo esc_attr($thumb_height_large); ?>;
3001
  <?php endif; ?>
3002
  <?php elseif ($height_large_type =='max_height'): ?>
3003
  <?php if(!empty($thumb_height_large)): ?>
3004
+ max-height: <?php echo esc_attr($thumb_height_large); ?>;
3005
  <?php endif; ?>
3006
  <?php endif; ?>
3007
  }
3008
  }
3009
  @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
3010
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
3011
  <?php if($height_medium_type =='auto_height'): ?>
3012
  height: auto;
3013
  <?php elseif ($height_medium_type =='fixed_height'): ?>
3014
  <?php if(!empty($thumb_height_medium)): ?>
3015
+ height: <?php echo esc_attr($thumb_height_medium); ?>;
3016
  <?php endif; ?>
3017
  <?php elseif ($height_medium_type =='max_height'): ?>
3018
  <?php if(!empty($thumb_height_medium)): ?>
3019
+ max-height: <?php echo esc_attr($thumb_height_medium); ?>;
3020
  <?php endif; ?>
3021
  <?php endif; ?>
3022
  }
3023
  }
3024
  @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
3025
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
3026
  <?php if($height_small_type =='auto_height'): ?>
3027
  height: auto;
3028
  <?php elseif ($height_small_type =='fixed_height'): ?>
3029
  <?php if(!empty($thumb_height_small)): ?>
3030
+ height: <?php echo esc_attr($thumb_height_small); ?>;
3031
  <?php endif; ?>
3032
  <?php elseif ($height_small_type =='max_height'): ?>
3033
  <?php if(!empty($thumb_height_small)): ?>
3034
+ max-height: <?php echo esc_attr($thumb_height_small); ?>;
3035
  <?php endif; ?>
3036
  <?php endif; ?>
3037
  }
3270
 
3271
  ob_start();
3272
  ?>
3273
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
3274
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
3275
  <?php
3276
 
3277
  $html = ob_get_clean();
3381
 
3382
  ?>
3383
  <style type="text/css">
3384
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
3385
  overflow: hidden;
3386
  <?php if(!empty($margin)): ?>
3387
+ margin: <?php echo esc_attr($margin); ?>;
3388
  <?php endif; ?>
3389
  }
3390
  @media only screen and (min-width: 1024px ){
3391
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
3392
  <?php if(!empty($thumb_height_large)): ?>
3393
+ max-height: <?php echo esc_attr($thumb_height_large); ?>;
3394
  <?php endif; ?>
3395
  }
3396
  }
3397
  @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
3398
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
3399
  <?php if(!empty($thumb_height_medium)): ?>
3400
+ max-height: <?php echo esc_attr($thumb_height_medium); ?>;
3401
  <?php endif; ?>
3402
  }
3403
  }
3404
  @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
3405
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
3406
  <?php if(!empty($thumb_height_small)): ?>
3407
+ max-height: <?php echo esc_attr($thumb_height_small); ?>;
3408
  <?php endif; ?>
3409
  }
3410
  }
3638
 
3639
  ob_start();
3640
  ?>
3641
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
3642
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
3643
  <?php
3644
 
3645
  $html = ob_get_clean();
3746
 
3747
  ?>
3748
  <style type="text/css">
3749
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
3750
  overflow: hidden;
3751
  <?php if(!empty($margin)): ?>
3752
+ margin: <?php echo esc_attr($margin); ?>;
3753
  <?php endif; ?>
3754
  }
3755
  @media only screen and (min-width: 1024px ){
3756
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
3757
  <?php if(!empty($thumb_height_large)): ?>
3758
+ max-height: <?php echo esc_attr($thumb_height_large); ?>;
3759
  <?php endif; ?>
3760
  }
3761
  }
3762
  @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
3763
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
3764
  <?php if(!empty($thumb_height_medium)): ?>
3765
+ max-height: <?php echo esc_attr($thumb_height_medium); ?>;
3766
  <?php endif; ?>
3767
  }
3768
  }
3769
  @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
3770
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
3771
  <?php if(!empty($thumb_height_small)): ?>
3772
+ max-height: <?php echo esc_attr($thumb_height_small); ?>;
3773
  <?php endif; ?>
3774
  }
3775
  }
3991
 
3992
  ob_start();
3993
  ?>
3994
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
3995
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
3996
  <?php
3997
 
3998
  $html = ob_get_clean();
4089
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
4090
  ?>
4091
  <style type="text/css">
4092
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
4093
  <?php if(!empty($color)): ?>
4094
+ color: <?php echo esc_attr($color); ?>;
4095
  <?php endif; ?>
4096
  <?php if(!empty($font_size)): ?>
4097
+ font-size: <?php echo esc_attr($font_size); ?>;
4098
  <?php endif; ?>
4099
  <?php if(!empty($font_family)): ?>
4100
+ font-family: <?php echo esc_attr($font_family); ?>;
4101
  <?php endif; ?>
4102
  <?php if(!empty($margin)): ?>
4103
+ margin: <?php echo esc_attr($margin); ?>;
4104
  <?php endif; ?>
4105
  <?php if(!empty($text_align)): ?>
4106
+ text-align: <?php echo esc_attr($text_align); ?>;
4107
  <?php endif; ?>
4108
  <?php if(!empty($css)): ?>
4109
  <?php echo $css; ?>
4110
  <?php endif; ?>
4111
  }
4112
  <?php if(!empty($css_hover)): ?>
4113
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
4114
  <?php echo $css_hover; ?>
4115
  }
4116
  <?php endif; ?>
4117
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?> a{
4118
  <?php if(!empty($color)): ?>
4119
+ color: <?php echo esc_attr($color); ?>;
4120
  <?php endif; ?>
4121
  <?php if(!empty($font_size)): ?>
4122
+ font-size: <?php echo esc_attr($font_size); ?>;
4123
  <?php endif; ?>
4124
  <?php if(!empty($font_family)): ?>
4125
+ font-family: <?php echo esc_attr($font_family); ?>;
4126
  <?php endif; ?>
4127
  }
4128
  </style>
4308
 
4309
  ob_start();
4310
  ?>
4311
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
4312
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
4313
  <?php
4314
 
4315
  $html = ob_get_clean();
4419
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
4420
  ?>
4421
  <style type="text/css">
4422
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
4423
  <?php if(!empty($color)): ?>
4424
+ color: <?php echo esc_attr($color); ?>;
4425
  <?php endif; ?>
4426
  <?php if(!empty($font_size)): ?>
4427
+ font-size: <?php echo esc_attr($font_size); ?>;
4428
  <?php endif; ?>
4429
  <?php if(!empty($font_family)): ?>
4430
+ font-family: <?php echo esc_attr($font_family); ?>;
4431
  <?php endif; ?>
4432
  <?php if(!empty($margin)): ?>
4433
+ margin: <?php echo esc_attr($margin); ?>;
4434
  <?php endif; ?>
4435
  <?php if(!empty($text_align)): ?>
4436
+ text-align: <?php echo esc_attr($text_align); ?>;
4437
  <?php endif; ?>
4438
  <?php if(!empty($css)): ?>
4439
  <?php echo $css; ?>
4440
  <?php endif; ?>
4441
  }
4442
  <?php if(!empty($css_hover)): ?>
4443
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
4444
  <?php echo $css_hover; ?>
4445
  }
4446
  <?php endif; ?>
4447
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?> a{
4448
  <?php if(!empty($color)): ?>
4449
+ color: <?php echo esc_attr($color); ?>;
4450
  <?php endif; ?>
4451
  <?php if(!empty($font_size)): ?>
4452
+ font-size: <?php echo esc_attr($font_size); ?>;
4453
  <?php endif; ?>
4454
  <?php if(!empty($font_family)): ?>
4455
+ font-family: <?php echo esc_attr($font_family); ?>;
4456
  <?php endif; ?>
4457
  }
4458
  </style>
4634
 
4635
  ob_start();
4636
  ?>
4637
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
4638
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
4639
  <?php
4640
 
4641
  $html = ob_get_clean();
4739
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
4740
  ?>
4741
  <style type="text/css">
4742
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
4743
  <?php if(!empty($color)): ?>
4744
+ color: <?php echo esc_attr($color); ?>;
4745
  <?php endif; ?>
4746
  <?php if(!empty($font_size)): ?>
4747
+ font-size: <?php echo esc_attr($font_size); ?>;
4748
  <?php endif; ?>
4749
  <?php if(!empty($font_family)): ?>
4750
+ font-family: <?php echo esc_attr($font_family); ?>;
4751
  <?php endif; ?>
4752
  <?php if(!empty($margin)): ?>
4753
+ margin: <?php echo esc_attr($margin); ?>;
4754
  <?php endif; ?>
4755
  <?php if(!empty($text_align)): ?>
4756
+ text-align: <?php echo esc_attr($text_align); ?>;
4757
  <?php endif; ?>
4758
  <?php if(!empty($css)): ?>
4759
  <?php echo $css; ?>
4760
  <?php endif; ?>
4761
  }
4762
  <?php if(!empty($css_hover)): ?>
4763
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
4764
  <?php echo $css_hover; ?>
4765
  }
4766
  <?php endif; ?>
4767
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?> a{
4768
  <?php if(!empty($color)): ?>
4769
+ color: <?php echo esc_attr($color); ?>;
4770
  <?php endif; ?>
4771
  <?php if(!empty($font_size)): ?>
4772
+ font-size: <?php echo esc_attr($font_size); ?>;
4773
  <?php endif; ?>
4774
  <?php if(!empty($font_family)): ?>
4775
+ font-family: <?php echo esc_attr($font_family); ?>;
4776
  <?php endif; ?>
4777
  }
4778
  </style>
5005
 
5006
  ob_start();
5007
  ?>
5008
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
5009
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
5010
  <?php
5011
 
5012
  $html = ob_get_clean();
5097
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
5098
  ?>
5099
  <style type="text/css">
5100
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
5101
  <?php if(!empty($text_color)): ?>
5102
+ color: <?php echo esc_attr($text_color); ?>;
5103
  <?php endif; ?>
5104
  <?php if(!empty($font_size)): ?>
5105
+ font-size: <?php echo esc_attr($font_size); ?>;
5106
  <?php endif; ?>
5107
  <?php if(!empty($font_family)): ?>
5108
+ font-family: <?php echo esc_attr($font_family); ?>;
5109
  <?php endif; ?>
5110
  <?php if(!empty($margin)): ?>
5111
+ margin: <?php echo esc_attr($margin); ?>;
5112
  <?php endif; ?>
5113
  <?php if(!empty($text_align)): ?>
5114
+ text-align: <?php echo esc_attr($text_align); ?>;
5115
  <?php endif; ?>
5116
  <?php if(!empty($css)): ?>
5117
  <?php echo $css; ?>
5118
  <?php endif; ?>
5119
  }
5120
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?> a{
5121
  <?php if(!empty($link_color)): ?>
5122
+ color: <?php echo esc_attr($link_color); ?>;
5123
  <?php endif; ?>
5124
  <?php if(!empty($font_size)): ?>
5125
+ font-size: <?php echo esc_attr($font_size); ?>;
5126
  <?php endif; ?>
5127
  <?php if(!empty($font_family)): ?>
5128
+ font-family: <?php echo esc_attr($font_family); ?>;
5129
  <?php endif; ?>
5130
  }
5131
  <?php if(!empty($css_hover)): ?>
5132
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
5133
  <?php echo $css_hover; ?>
5134
  }
5135
  <?php endif; ?>
5326
 
5327
  ob_start();
5328
  ?>
5329
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
5330
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
5331
  <?php
5332
 
5333
  $html = ob_get_clean();
5416
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
5417
  ?>
5418
  <style type="text/css">
5419
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
5420
  <?php if(!empty($text_color)): ?>
5421
+ color: <?php echo esc_attr($text_color); ?>;
5422
  <?php endif; ?>
5423
  <?php if(!empty($font_size)): ?>
5424
+ font-size: <?php echo esc_attr($font_size); ?>;
5425
  <?php endif; ?>
5426
  <?php if(!empty($font_family)): ?>
5427
+ font-family: <?php echo esc_attr($font_family); ?>;
5428
  <?php endif; ?>
5429
  <?php if(!empty($margin)): ?>
5430
+ margin: <?php echo esc_attr($margin); ?>;
5431
  <?php endif; ?>
5432
  <?php if(!empty($text_align)): ?>
5433
+ text-align: <?php echo esc_attr($text_align); ?>;
5434
  <?php endif; ?>
5435
  <?php if(!empty($css)): ?>
5436
  <?php echo $css; ?>
5437
  <?php endif; ?>
5438
  }
5439
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?> a{
5440
  <?php if(!empty($link_color)): ?>
5441
+ color: <?php echo esc_attr($link_color); ?>;
5442
  <?php endif; ?>
5443
  <?php if(!empty($font_size)): ?>
5444
+ font-size: <?php echo esc_attr($font_size); ?>;
5445
  <?php endif; ?>
5446
  <?php if(!empty($font_family)): ?>
5447
+ font-family: <?php echo esc_attr($font_family); ?>;
5448
  <?php endif; ?>
5449
  }
5450
  <?php if(!empty($css_hover)): ?>
5451
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
5452
  <?php echo $css_hover; ?>
5453
  }
5454
  <?php endif; ?>
5625
 
5626
  ob_start();
5627
  ?>
5628
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}</textarea>
5629
  <?php
5630
 
5631
  $html = ob_get_clean();
5711
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
5712
  ?>
5713
  <style type="text/css">
5714
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
5715
  <?php if(!empty($color)): ?>
5716
+ color: <?php echo esc_attr($color); ?>;
5717
  <?php endif; ?>
5718
  <?php if(!empty($font_size)): ?>
5719
+ font-size: <?php echo esc_attr($font_size); ?>;
5720
  <?php endif; ?>
5721
  <?php if(!empty($font_family)): ?>
5722
+ font-family: <?php echo esc_attr($font_family); ?>;
5723
  <?php endif; ?>
5724
  <?php if(!empty($margin)): ?>
5725
+ margin: <?php echo esc_attr($margin); ?>;
5726
  <?php endif; ?>
5727
  <?php if(!empty($text_align)): ?>
5728
+ text-align: <?php echo esc_attr($text_align); ?>;
5729
  <?php endif; ?>
5730
  <?php if(!empty($css)): ?>
5731
  <?php echo $css; ?>
5732
  <?php endif; ?>
5733
  }
5734
  <?php if(!empty($css_hover)): ?>
5735
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
5736
  <?php echo $css_hover; ?>
5737
  }
5738
  <?php endif; ?>
5867
 
5868
  ob_start();
5869
  ?>
5870
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}
5871
+ .element_<?php echo esc_attr($element_index); ?> a{}</textarea>
5872
  <?php
5873
 
5874
  $html = ob_get_clean();
5956
 
5957
  ?>
5958
  <style type="text/css">
5959
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
5960
  <?php if(!empty($icon_color)): ?>
5961
+ color: <?php echo esc_attr($icon_color); ?>;
5962
  <?php endif; ?>
5963
  <?php if(!empty($font_size)): ?>
5964
+ font-size: <?php echo esc_attr($font_size); ?>;
5965
  <?php endif; ?>
5966
  <?php if(!empty($wrapper_margin)): ?>
5967
+ margin: <?php echo esc_attr($wrapper_margin); ?>;
5968
  <?php endif; ?>
5969
  <?php if(!empty($text_align)): ?>
5970
+ text-align: <?php echo esc_attr($text_align); ?>;
5971
  <?php endif; ?>
5972
  <?php if(!empty($css)): ?>
5973
  <?php echo $css; ?>
5974
  <?php endif; ?>
5975
  }
5976
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?> a{
5977
  <?php if(!empty($icon_color)): ?>
5978
+ color: <?php echo esc_attr($icon_color); ?>;
5979
  <?php endif; ?>
5980
  <?php if(!empty($font_size)): ?>
5981
+ font-size: <?php echo esc_attr($font_size); ?>;
5982
  <?php endif; ?>
5983
  <?php if(!empty($icon_margin)): ?>
5984
+ margin: <?php echo esc_attr($icon_margin); ?>;
5985
  <?php endif; ?>
5986
  }
5987
  <?php if(!empty($css_hover)): ?>
5988
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
5989
  <?php echo $css_hover; ?>
5990
  }
5991
  <?php endif; ?>
6111
 
6112
  ob_start();
6113
  ?>
6114
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}</textarea>
6115
  <?php
6116
 
6117
  $html = ob_get_clean();
6175
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
6176
  ?>
6177
  <style type="text/css">
6178
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
6179
  <?php if(!empty($margin)): ?>
6180
+ margin: <?php echo esc_attr($margin); ?>;
6181
  <?php endif; ?>
6182
  <?php if(!empty($background_color)): ?>
6183
+ background-color: <?php echo esc_attr($background_color); ?>;
6184
  <?php endif; ?>
6185
  <?php if(!empty($height)): ?>
6186
+ padding: <?php echo esc_attr($height); ?>;
6187
  <?php endif; ?>
6188
  <?php if(!empty($css)): ?>
6189
  <?php echo $css; ?>
6190
  <?php endif; ?>
6191
  }
6192
  <?php if(!empty($css_hover)): ?>
6193
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
6194
  <?php echo $css_hover; ?>
6195
  }
6196
  <?php endif; ?>
6332
 
6333
  ob_start();
6334
  ?>
6335
+ <textarea readonly type="text" onclick="this.select();">.element_<?php echo esc_attr($element_index); ?>{}</textarea>
6336
  <?php
6337
 
6338
  $html = ob_get_clean();
6427
 
6428
  ?>
6429
  <style type="text/css">
6430
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>{
6431
  <?php if(!empty($color)): ?>
6432
+ color: <?php echo esc_attr($color); ?>;
6433
  <?php endif; ?>
6434
  <?php if(!empty($font_size)): ?>
6435
+ font-size: <?php echo esc_attr($font_size); ?>;
6436
  <?php endif; ?>
6437
  <?php if(!empty($margin)): ?>
6438
+ margin: <?php echo esc_attr($margin); ?>;
6439
  <?php endif; ?>
6440
  <?php if(!empty($text_align)): ?>
6441
+ text-align: <?php echo esc_attr($text_align); ?>;
6442
  <?php endif; ?>
6443
  <?php if(!empty($css)): ?>
6444
  <?php echo $css; ?>
6445
  <?php endif; ?>
6446
  }
6447
  <?php if(!empty($css_hover)): ?>
6448
+ .layout-<?php echo esc_attr($layout_id); ?> .element_<?php echo esc_attr($index); ?>:hover{
6449
  <?php echo $css_hover; ?>
6450
  }
6451
  <?php endif; ?>
includes/settings-hook.php CHANGED
@@ -111,7 +111,7 @@ if(!function_exists('post_grid_settings_content_help_support')) {
111
  ob_start();
112
  ?>
113
  <ul>
114
- <li>Step - 1: Go to Tools > <a href="<?php echo admin_url(); ?>export.php">Export</a> menu.</li>
115
  <li>Step - 2: Choose "Layouts" post types from list.</li>
116
  <li>Step - 3: Then click to "Download Export File' button.</li>
117
  <li>Step - 4: Save the file on your local machine.</li>
111
  ob_start();
112
  ?>
113
  <ul>
114
+ <li>Step - 1: Go to Tools > <a href="<?php echo esc_url_raw(admin_url().'export.php'); ?>">Export</a> menu.</li>
115
  <li>Step - 2: Choose "Layouts" post types from list.</li>
116
  <li>Step - 3: Then click to "Download Export File' button.</li>
117
  <li>Step - 4: Save the file on your local machine.</li>
post-grid.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Post Grid by PickPlugins
4
  Plugin URI: https://www.pickplugins.com/item/post-grid-create-awesome-grid-from-any-post-type-for-wordpress/
5
  Description: Awesome post grid for query post from any post type and display on grid.
6
- Version: 2.1.7
7
  Author: PickPlugins
8
  Author URI: https://www.pickplugins.com/
9
  License: GPLv2 or later
@@ -21,7 +21,7 @@ if( !class_exists( 'PostGrid' )){
21
  define('post_grid_plugin_dir', plugin_dir_path(__FILE__));
22
  define('post_grid_plugin_basename', plugin_basename(__FILE__));
23
  define('post_grid_plugin_name', 'Post Grid');
24
- define('post_grid_version', '2.1.7');
25
  define('post_grid_server_url', 'https://www.pickplugins.com/demo/post-grid/');
26
 
27
 
3
  Plugin Name: Post Grid by PickPlugins
4
  Plugin URI: https://www.pickplugins.com/item/post-grid-create-awesome-grid-from-any-post-type-for-wordpress/
5
  Description: Awesome post grid for query post from any post type and display on grid.
6
+ Version: 2.1.8
7
  Author: PickPlugins
8
  Author URI: https://www.pickplugins.com/
9
  License: GPLv2 or later
21
  define('post_grid_plugin_dir', plugin_dir_path(__FILE__));
22
  define('post_grid_plugin_basename', plugin_basename(__FILE__));
23
  define('post_grid_plugin_name', 'Post Grid');
24
+ define('post_grid_version', '2.1.8');
25
  define('post_grid_server_url', 'https://www.pickplugins.com/demo/post-grid/');
26
 
27
 
readme.txt CHANGED
@@ -4,7 +4,7 @@
4
  Tags: post grid, grid, custom post grid, post type grid, grid display, category filter, custom post, filter, filtering, grid, layout, list, masonry, post, post filter, post layout, taxonomy, taxonomy filter,
5
  Requires at least: 3.8
6
  Tested up to: 5.7
7
- Stable tag: 2.1.7
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -222,6 +222,9 @@ then paste this shortcode anywhere in your page to display grid<br />
222
 
223
  == Changelog ==
224
 
 
 
 
225
  = 2.1.7 =
226
  * 2021-06-20 fix - column width % value issue fixed.
227
 
4
  Tags: post grid, grid, custom post grid, post type grid, grid display, category filter, custom post, filter, filtering, grid, layout, list, masonry, post, post filter, post layout, taxonomy, taxonomy filter,
5
  Requires at least: 3.8
6
  Tested up to: 5.7
7
+ Stable tag: 2.1.8
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
222
 
223
  == Changelog ==
224
 
225
+ = 2.1.8 =
226
+ * 2021-06-27 fix - escaping issue fixed.
227
+
228
  = 2.1.7 =
229
  * 2021-06-20 fix - column width % value issue fixed.
230