Post Grid - Version 2.0.54

Version Description

  • 2020-05-4 optimize - optimize layout element CSS generate
    • 2020-05-4 fix - grid item text align issue fixed.
    • 2020-05-4 fix - element author and author link issue fixed.
Download this release

Release Info

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

Code changes from version 2.0.53 to 2.0.54

Files changed (6) hide show
  1. includes/functions-layout-hook.php +15 -0
  2. includes/functions/functions-post-grid-meta-box.php +34 -0
  3. includes/functions/post-grid-layout-elements.php +664 -679
  4. post-grid.php +2 -2
  5. readme.txt +9 -3
  6. templates/post-grid-hook.php +39 -19
includes/functions-layout-hook.php CHANGED
@@ -3610,6 +3610,7 @@ function post_grid_layout_element_option_author_link($parameters){
3610
  $background_color = isset($element_data['background_color']) ? $element_data['background_color'] : '';
3611
  $color = isset($element_data['color']) ? $element_data['color'] : '';
3612
  $margin = isset($element_data['margin']) ? $element_data['margin'] : '';
 
3613
 
3614
  $css = isset($element_data['css']) ? $element_data['css'] : '';
3615
  $css_hover = isset($element_data['css_hover']) ? $element_data['css_hover'] : '';
@@ -3703,6 +3704,20 @@ function post_grid_layout_element_option_author_link($parameters){
3703
 
3704
  $settings_tabs_field->generate_field($args);
3705
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3706
  $args = array(
3707
  'id' => 'css',
3708
  'css_id' => $element_index.'_css',
3610
  $background_color = isset($element_data['background_color']) ? $element_data['background_color'] : '';
3611
  $color = isset($element_data['color']) ? $element_data['color'] : '';
3612
  $margin = isset($element_data['margin']) ? $element_data['margin'] : '';
3613
+ $text_align = isset($element_data['text_align']) ? $element_data['text_align'] : '';
3614
 
3615
  $css = isset($element_data['css']) ? $element_data['css'] : '';
3616
  $css_hover = isset($element_data['css_hover']) ? $element_data['css_hover'] : '';
3704
 
3705
  $settings_tabs_field->generate_field($args);
3706
 
3707
+ $args = array(
3708
+ 'id' => 'text_align',
3709
+ 'css_id' => $element_index.'_text_align',
3710
+ 'parent' => $input_name.'[author_link]',
3711
+ 'title' => __('Text align','post-grid'),
3712
+ 'details' => __('Choose text align.','post-grid'),
3713
+ 'type' => 'select',
3714
+ 'value' => $text_align,
3715
+ 'default' => 'left',
3716
+ 'args' => array('left'=> __('Left', 'post-grid'),'right'=> __('Right', 'post-grid'),'center'=> __('Center', 'post-grid') ),
3717
+ );
3718
+
3719
+ $settings_tabs_field->generate_field($args);
3720
+
3721
  $args = array(
3722
  'id' => 'css',
3723
  'css_id' => $element_index.'_css',
includes/functions/functions-post-grid-meta-box.php CHANGED
@@ -103,6 +103,8 @@ function post_grid_metabox_tabs_content_general($tab, $post_id){
103
  $container_bg_color = !empty($post_grid_meta_options['container']['bg_color']) ? $post_grid_meta_options['container']['bg_color'] : '';
104
  $container_bg_image = !empty($post_grid_meta_options['container']['bg_image']) ? $post_grid_meta_options['container']['bg_image'] : '';
105
 
 
 
106
 
107
  ?>
108
  <div class="section">
@@ -223,7 +225,39 @@ function post_grid_metabox_tabs_content_general($tab, $post_id){
223
 
224
  </div>
225
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
226
 
 
 
 
 
 
 
 
 
 
227
 
228
  <?php
229
 
103
  $container_bg_color = !empty($post_grid_meta_options['container']['bg_color']) ? $post_grid_meta_options['container']['bg_color'] : '';
104
  $container_bg_image = !empty($post_grid_meta_options['container']['bg_image']) ? $post_grid_meta_options['container']['bg_image'] : '';
105
 
106
+ $items_wrapper_text_align = !empty($post_grid_meta_options['items_wrapper']['text_align']) ? $post_grid_meta_options['items_wrapper']['text_align'] : '';
107
+
108
 
109
  ?>
110
  <div class="section">
225
 
226
  </div>
227
 
228
+ <div class="section">
229
+ <div class="section-title"><?php echo __('Items wrapper settings', 'post-grid'); ?></div>
230
+ <p class="description section-description"><?php echo __('Choose items wrapper options.', 'post-grid'); ?></p>
231
+
232
+ <?php
233
+
234
+ $args = array(
235
+ 'id' => 'text_align',
236
+ 'parent' => 'post_grid_meta_options[items_wrapper]',
237
+ 'title' => __('Text align','post-grid'),
238
+ 'details' => __('Container text align.','post-grid'),
239
+ 'type' => 'select',
240
+ 'value' => $items_wrapper_text_align,
241
+ 'default' => 'center',
242
+ 'args' => array(
243
+ 'left'=>__('Left','post-grid'),
244
+ 'center'=>__('Center','post-grid'),
245
+ 'right'=>__('Right','post-grid'),
246
+ 'start'=>__('Start','post-grid'),
247
+ 'end'=>__('End','post-grid'),
248
+ 'initial'=>__('Initial','post-grid'),
249
+ 'justify'=>__('Justify','post-grid'),
250
+
251
 
252
+ ),
253
+ );
254
+
255
+ $settings_tabs_field->generate_field($args, $post_id);
256
+
257
+ ?>
258
+
259
+
260
+ </div>
261
 
262
  <?php
263
 
includes/functions/post-grid-layout-elements.php CHANGED
@@ -40,33 +40,33 @@ function post_grid_layout_element_css_wrapper_start($args){
40
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
41
 
42
  ?>
43
- <style type="text/css">
44
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
45
- <?php if(!empty($color)): ?>
46
- color: <?php echo $color; ?>;
47
- <?php endif; ?>
48
- <?php if(!empty($font_size)): ?>
49
- font-size: <?php echo $font_size; ?>;
50
- <?php endif; ?>
51
- <?php if(!empty($font_family)): ?>
52
- font-family: <?php echo $font_family; ?>;
53
- <?php endif; ?>
54
- <?php if(!empty($margin)): ?>
55
- margin: <?php echo $margin; ?>;
56
- <?php endif; ?>
57
- <?php if(!empty($text_align)): ?>
58
- text-align: <?php echo $text_align; ?>;
59
- <?php endif; ?>
60
- <?php if(!empty($css)): ?>
61
- <?php echo $css; ?>
62
- <?php endif; ?>
63
- }
64
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
65
- <?php if(!empty($css_hover)): ?>
66
- <?php echo $css_hover; ?>
67
- <?php endif; ?>
68
- }
69
- </style>
70
  <?php
71
  }
72
 
@@ -127,33 +127,33 @@ function post_grid_layout_element_css_custom_text($args){
127
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
128
 
129
  ?>
130
- <style type="text/css">
131
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
132
- <?php if(!empty($color)): ?>
133
- color: <?php echo $color; ?>;
134
- <?php endif; ?>
135
- <?php if(!empty($font_size)): ?>
136
- font-size: <?php echo $font_size; ?>;
137
- <?php endif; ?>
138
- <?php if(!empty($font_family)): ?>
139
- font-family: <?php echo $font_family; ?>;
140
- <?php endif; ?>
141
- <?php if(!empty($margin)): ?>
142
- margin: <?php echo $margin; ?>;
143
- <?php endif; ?>
144
- <?php if(!empty($text_align)): ?>
145
- text-align: <?php echo $text_align; ?>;
146
- <?php endif; ?>
147
- <?php if(!empty($css)): ?>
148
- <?php echo $css; ?>
149
- <?php endif; ?>
150
- }
151
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
152
- <?php if(!empty($css_hover)): ?>
153
- <?php echo $css_hover; ?>
154
- <?php endif; ?>
155
- }
156
- </style>
157
  <?php
158
  }
159
 
@@ -218,44 +218,44 @@ function post_grid_layout_element_css_title($args){
218
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
219
 
220
  ?>
221
- <style type="text/css">
222
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
223
- <?php if(!empty($color)): ?>
224
- color: <?php echo $color; ?>;
225
- <?php endif; ?>
226
- <?php if(!empty($font_size)): ?>
227
- font-size: <?php echo $font_size; ?>;
228
- <?php endif; ?>
229
- <?php if(!empty($font_family)): ?>
230
- font-family: <?php echo $font_family; ?>;
231
- <?php endif; ?>
232
- <?php if(!empty($margin)): ?>
233
- margin: <?php echo $margin; ?>;
234
- <?php endif; ?>
235
- <?php if(!empty($text_align)): ?>
236
- text-align: <?php echo $text_align; ?>;
237
- <?php endif; ?>
238
- <?php if(!empty($css)): ?>
239
- <?php echo $css; ?>
240
- <?php endif; ?>
241
- }
242
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
243
- <?php if(!empty($css_hover)): ?>
244
- <?php echo $css_hover; ?>
245
- <?php endif; ?>
246
- }
247
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
248
- <?php if(!empty($color)): ?>
249
- color: <?php echo $color; ?>;
250
- <?php endif; ?>
251
- <?php if(!empty($font_size)): ?>
252
- font-size: <?php echo $font_size; ?>;
253
- <?php endif; ?>
254
- <?php if(!empty($font_family)): ?>
255
- font-family: <?php echo $font_family; ?>;
256
- <?php endif; ?>
257
- }
258
- </style>
259
  <?php
260
  }
261
 
@@ -323,44 +323,44 @@ function post_grid_layout_element_css_title_link($args){
323
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
324
 
325
  ?>
326
- <style type="text/css">
327
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
328
- <?php if(!empty($color)): ?>
329
- color: <?php echo $color; ?>;
330
- <?php endif; ?>
331
- <?php if(!empty($font_size)): ?>
332
- font-size: <?php echo $font_size; ?>;
333
- <?php endif; ?>
334
- <?php if(!empty($font_family)): ?>
335
- font-family: <?php echo $font_family; ?>;
336
- <?php endif; ?>
337
- <?php if(!empty($margin)): ?>
338
- margin: <?php echo $margin; ?>;
339
- <?php endif; ?>
340
- <?php if(!empty($text_align)): ?>
341
- text-align: <?php echo $text_align; ?>;
342
- <?php endif; ?>
343
- <?php if(!empty($css)): ?>
344
- <?php echo $css; ?>
345
- <?php endif; ?>
346
- }
347
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
348
- <?php if(!empty($css_hover)): ?>
349
- <?php echo $css_hover; ?>
350
- <?php endif; ?>
351
- }
352
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
353
- <?php if(!empty($color)): ?>
354
- color: <?php echo $color; ?>;
355
- <?php endif; ?>
356
- <?php if(!empty($font_size)): ?>
357
- font-size: <?php echo $font_size; ?>;
358
- <?php endif; ?>
359
- <?php if(!empty($font_family)): ?>
360
- font-family: <?php echo $font_family; ?>;
361
- <?php endif; ?>
362
- }
363
- </style>
364
  <?php
365
  }
366
 
@@ -468,44 +468,44 @@ function post_grid_layout_element_css_excerpt($args){
468
  $css = isset($element['css']) ? $element['css'] : '';
469
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
470
  ?>
471
- <style type="text/css">
472
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
473
- <?php if(!empty($color)): ?>
474
- color: <?php echo $color; ?>;
475
- <?php endif; ?>
476
- <?php if(!empty($font_size)): ?>
477
- font-size: <?php echo $font_size; ?>;
478
- <?php endif; ?>
479
- <?php if(!empty($font_family)): ?>
480
- font-family: <?php echo $font_family; ?>;
481
- <?php endif; ?>
482
- <?php if(!empty($margin)): ?>
483
- margin: <?php echo $margin; ?>;
484
- <?php endif; ?>
485
- <?php if(!empty($text_align)): ?>
486
- text-align: <?php echo $text_align; ?>;
487
- <?php endif; ?>
488
- <?php if(!empty($css)): ?>
489
- <?php echo $css; ?>
490
- <?php endif; ?>
491
- }
492
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
493
- <?php if(!empty($css_hover)): ?>
494
- <?php echo $css_hover; ?>
495
- <?php endif; ?>
496
- }
497
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
498
- <?php if(!empty($color)): ?>
499
- color: <?php echo $color; ?>;
500
- <?php endif; ?>
501
- <?php if(!empty($font_size)): ?>
502
- font-size: <?php echo $font_size; ?>;
503
- <?php endif; ?>
504
- <?php if(!empty($font_family)): ?>
505
- font-family: <?php echo $font_family; ?>;
506
- <?php endif; ?>
507
- }
508
- </style>
509
  <?php
510
  }
511
 
@@ -570,44 +570,44 @@ function post_grid_layout_element_css_excerpt_read_more($args){
570
  $css = isset($element['css']) ? $element['css'] : '';
571
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
572
  ?>
573
- <style type="text/css">
574
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
575
- <?php if(!empty($color)): ?>
576
- color: <?php echo $color; ?>;
577
- <?php endif; ?>
578
- <?php if(!empty($font_size)): ?>
579
- font-size: <?php echo $font_size; ?>;
580
- <?php endif; ?>
581
- <?php if(!empty($font_family)): ?>
582
- font-family: <?php echo $font_family; ?>;
583
- <?php endif; ?>
584
- <?php if(!empty($margin)): ?>
585
- margin: <?php echo $margin; ?>;
586
- <?php endif; ?>
587
- <?php if(!empty($text_align)): ?>
588
- text-align: <?php echo $text_align; ?>;
589
- <?php endif; ?>
590
- <?php if(!empty($css)): ?>
591
- <?php echo $css; ?>
592
- <?php endif; ?>
593
- }
594
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
595
- <?php if(!empty($css_hover)): ?>
596
- <?php echo $css_hover; ?>
597
- <?php endif; ?>
598
- }
599
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
600
- <?php if(!empty($color)): ?>
601
- color: <?php echo $color; ?>;
602
- <?php endif; ?>
603
- <?php if(!empty($font_size)): ?>
604
- font-size: <?php echo $font_size; ?>;
605
- <?php endif; ?>
606
- <?php if(!empty($font_family)): ?>
607
- font-family: <?php echo $font_family; ?>;
608
- <?php endif; ?>
609
- }
610
- </style>
611
  <?php
612
  }
613
 
@@ -663,44 +663,44 @@ function post_grid_layout_element_css_read_more($args){
663
  $css = isset($element['css']) ? $element['css'] : '';
664
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
665
  ?>
666
- <style type="text/css">
667
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
668
- <?php if(!empty($color)): ?>
669
- color: <?php echo $color; ?>;
670
- <?php endif; ?>
671
- <?php if(!empty($font_size)): ?>
672
- font-size: <?php echo $font_size; ?>;
673
- <?php endif; ?>
674
- <?php if(!empty($font_family)): ?>
675
- font-family: <?php echo $font_family; ?>;
676
- <?php endif; ?>
677
- <?php if(!empty($margin)): ?>
678
- margin: <?php echo $margin; ?>;
679
- <?php endif; ?>
680
- <?php if(!empty($text_align)): ?>
681
- text-align: <?php echo $text_align; ?>;
682
- <?php endif; ?>
683
- <?php if(!empty($css)): ?>
684
- <?php echo $css; ?>
685
- <?php endif; ?>
686
- }
687
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
688
- <?php if(!empty($css_hover)): ?>
689
- <?php echo $css_hover; ?>
690
- <?php endif; ?>
691
- }
692
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
693
- <?php if(!empty($color)): ?>
694
- color: <?php echo $color; ?>;
695
- <?php endif; ?>
696
- <?php if(!empty($font_size)): ?>
697
- font-size: <?php echo $font_size; ?>;
698
- <?php endif; ?>
699
- <?php if(!empty($font_family)): ?>
700
- font-family: <?php echo $font_family; ?>;
701
- <?php endif; ?>
702
- }
703
- </style>
704
  <?php
705
  }
706
 
@@ -792,71 +792,70 @@ function post_grid_layout_element_css_media($args){
792
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
793
 
794
  ?>
795
- <style type="text/css">
796
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
797
- overflow: hidden;
798
- <?php if(!empty($margin)): ?>
799
- margin: <?php echo $margin; ?>;
800
- <?php endif; ?>
801
- <?php if(!empty($padding)): ?>
802
- padding: <?php echo $padding; ?>;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
803
  <?php endif; ?>
804
- <?php if(!empty($css)): ?>
805
- <?php echo $css; ?>
 
 
 
 
 
 
 
 
 
 
 
 
806
  <?php endif; ?>
807
- }
808
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
809
- <?php if(!empty($css_hover)): ?>
810
- <?php echo $css_hover; ?>
 
 
 
 
 
 
 
 
 
 
811
  <?php endif; ?>
812
- }
813
- @media only screen and (min-width: 1024px ){
814
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
815
-
816
- <?php if($height_large_type =='auto_height'): ?>
817
- height: auto;
818
- <?php elseif ($height_large_type =='fixed_height'): ?>
819
- <?php if(!empty($thumb_height_large)): ?>
820
- height: <?php echo $thumb_height_large; ?>;
821
- <?php endif; ?>
822
- <?php elseif ($height_large_type =='max_height'): ?>
823
- <?php if(!empty($thumb_height_large)): ?>
824
- max-height: <?php echo $thumb_height_large; ?>;
825
- <?php endif; ?>
826
- <?php endif; ?>
827
- }
828
- }
829
- @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
830
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
831
- <?php if($height_medium_type =='auto_height'): ?>
832
- height: auto;
833
- <?php elseif ($height_medium_type =='fixed_height'): ?>
834
- <?php if(!empty($thumb_height_medium)): ?>
835
- height: <?php echo $thumb_height_medium; ?>;
836
- <?php endif; ?>
837
- <?php elseif ($height_medium_type =='max_height'): ?>
838
- <?php if(!empty($thumb_height_medium)): ?>
839
- max-height: <?php echo $thumb_height_medium; ?>;
840
- <?php endif; ?>
841
- <?php endif; ?>
842
- }
843
- }
844
- @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
845
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
846
- <?php if($height_small_type =='auto_height'): ?>
847
- height: auto;
848
- <?php elseif ($height_small_type =='fixed_height'): ?>
849
- <?php if(!empty($thumb_height_small)): ?>
850
- height: <?php echo $thumb_height_small; ?>;
851
- <?php endif; ?>
852
- <?php elseif ($height_small_type =='max_height'): ?>
853
- <?php if(!empty($thumb_height_small)): ?>
854
- max-height: <?php echo $thumb_height_small; ?>;
855
- <?php endif; ?>
856
- <?php endif; ?>
857
- }
858
- }
859
- </style>
860
  <?php
861
  }
862
 
@@ -928,42 +927,35 @@ function post_grid_layout_element_css_thumb($args){
928
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
929
 
930
  ?>
931
- <style type="text/css">
932
-
933
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
934
- overflow: hidden;
935
- <?php if(!empty($margin)): ?>
936
- margin: <?php echo $margin; ?>;
937
- <?php endif; ?>
938
- }
939
-
940
- @media only screen and (min-width: 1024px ){
941
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
942
- <?php if(!empty($thumb_height_large)): ?>
943
- max-height: <?php echo $thumb_height_large; ?>;
944
- <?php endif; ?>
945
- }
946
- }
947
-
948
- @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
949
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
950
- <?php if(!empty($thumb_height_medium)): ?>
951
- max-height: <?php echo $thumb_height_medium; ?>;
952
- <?php endif; ?>
953
- }
954
- }
955
-
956
- @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
957
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
958
- <?php if(!empty($thumb_height_small)): ?>
959
- max-height: <?php echo $thumb_height_small; ?>;
960
- <?php endif; ?>
961
- }
962
- }
963
-
964
-
965
-
966
- </style>
967
  <?php
968
  }
969
 
@@ -1036,42 +1028,35 @@ function post_grid_layout_element_css_thumb_link($args){
1036
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1037
 
1038
  ?>
1039
- <style type="text/css">
1040
-
1041
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1042
- overflow: hidden;
1043
- <?php if(!empty($margin)): ?>
1044
- margin: <?php echo $margin; ?>;
1045
- <?php endif; ?>
1046
- }
1047
-
1048
- @media only screen and (min-width: 1024px ){
1049
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1050
- <?php if(!empty($thumb_height_large)): ?>
1051
- max-height: <?php echo $thumb_height_large; ?>;
1052
- <?php endif; ?>
1053
- }
1054
- }
1055
-
1056
- @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
1057
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1058
- <?php if(!empty($thumb_height_medium)): ?>
1059
- max-height: <?php echo $thumb_height_medium; ?>;
1060
- <?php endif; ?>
1061
- }
1062
- }
1063
-
1064
- @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
1065
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1066
- <?php if(!empty($thumb_height_small)): ?>
1067
- max-height: <?php echo $thumb_height_small; ?>;
1068
- <?php endif; ?>
1069
- }
1070
- }
1071
-
1072
-
1073
-
1074
- </style>
1075
  <?php
1076
  }
1077
 
@@ -1144,44 +1129,44 @@ function post_grid_layout_element_css_post_date($args){
1144
  $css = isset($element['css']) ? $element['css'] : '';
1145
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1146
  ?>
1147
- <style type="text/css">
1148
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1149
- <?php if(!empty($color)): ?>
1150
- color: <?php echo $color; ?>;
1151
- <?php endif; ?>
1152
- <?php if(!empty($font_size)): ?>
1153
- font-size: <?php echo $font_size; ?>;
1154
- <?php endif; ?>
1155
- <?php if(!empty($font_family)): ?>
1156
- font-family: <?php echo $font_family; ?>;
1157
- <?php endif; ?>
1158
- <?php if(!empty($margin)): ?>
1159
- margin: <?php echo $margin; ?>;
1160
- <?php endif; ?>
1161
- <?php if(!empty($text_align)): ?>
1162
- text-align: <?php echo $text_align; ?>;
1163
- <?php endif; ?>
1164
- <?php if(!empty($css)): ?>
1165
- <?php echo $css; ?>
1166
- <?php endif; ?>
1167
- }
1168
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1169
- <?php if(!empty($css_hover)): ?>
1170
- <?php echo $css_hover; ?>
1171
- <?php endif; ?>
1172
- }
1173
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1174
- <?php if(!empty($color)): ?>
1175
- color: <?php echo $color; ?>;
1176
- <?php endif; ?>
1177
- <?php if(!empty($font_size)): ?>
1178
- font-size: <?php echo $font_size; ?>;
1179
- <?php endif; ?>
1180
- <?php if(!empty($font_family)): ?>
1181
- font-family: <?php echo $font_family; ?>;
1182
- <?php endif; ?>
1183
- }
1184
- </style>
1185
  <?php
1186
  }
1187
 
@@ -1198,7 +1183,7 @@ function post_grid_layout_element_author($args){
1198
  $custom_class = isset($element['custom_class']) ? $element['custom_class'] : '';
1199
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
1200
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
1201
- $wrapper_html = isset($element['wrapper_html']) ? $element['wrapper_html'] : '%s';
1202
 
1203
  $post_link = get_permalink($post_id);
1204
  $post_author = get_the_author();
@@ -1248,44 +1233,44 @@ function post_grid_layout_element_css_author($args){
1248
  $css = isset($element['css']) ? $element['css'] : '';
1249
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1250
  ?>
1251
- <style type="text/css">
1252
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1253
- <?php if(!empty($color)): ?>
1254
- color: <?php echo $color; ?>;
1255
- <?php endif; ?>
1256
- <?php if(!empty($font_size)): ?>
1257
- font-size: <?php echo $font_size; ?>;
1258
- <?php endif; ?>
1259
- <?php if(!empty($font_family)): ?>
1260
- font-family: <?php echo $font_family; ?>;
1261
- <?php endif; ?>
1262
- <?php if(!empty($margin)): ?>
1263
- margin: <?php echo $margin; ?>;
1264
- <?php endif; ?>
1265
- <?php if(!empty($text_align)): ?>
1266
- text-align: <?php echo $text_align; ?>;
1267
- <?php endif; ?>
1268
- <?php if(!empty($css)): ?>
1269
- <?php echo $css; ?>
1270
- <?php endif; ?>
1271
- }
1272
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1273
- <?php if(!empty($css_hover)): ?>
1274
- <?php echo $css_hover; ?>
1275
- <?php endif; ?>
1276
- }
1277
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1278
- <?php if(!empty($color)): ?>
1279
- color: <?php echo $color; ?>;
1280
- <?php endif; ?>
1281
- <?php if(!empty($font_size)): ?>
1282
- font-size: <?php echo $font_size; ?>;
1283
- <?php endif; ?>
1284
- <?php if(!empty($font_family)): ?>
1285
- font-family: <?php echo $font_family; ?>;
1286
- <?php endif; ?>
1287
- }
1288
- </style>
1289
  <?php
1290
  }
1291
 
@@ -1303,7 +1288,7 @@ function post_grid_layout_element_author_link($args){
1303
  $custom_class = isset($element['custom_class']) ? $element['custom_class'] : '';
1304
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
1305
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
1306
- $wrapper_html = isset($element['wrapper_html']) ? $element['wrapper_html'] : '%s';
1307
 
1308
  $post_link = get_permalink($post_id);
1309
  $post_author = get_the_author();
@@ -1311,7 +1296,7 @@ function post_grid_layout_element_author_link($args){
1311
  $post_author = sprintf($wrapper_html, $post_author);
1312
 
1313
  ?>
1314
- <div class="element element_<?php echo esc_attr($elementIndex); ?> <?php echo esc_attr($custom_class); ?> author ">
1315
  <?php
1316
  if($link_to == 'post_link'):
1317
  ?>
@@ -1347,48 +1332,48 @@ function post_grid_layout_element_css_author_link($args){
1347
  $font_size = isset($element['font_size']) ? $element['font_size'] : '';
1348
  $font_family = isset($element['font_family']) ? $element['font_family'] : '';
1349
  $margin = isset($element['margin']) ? $element['margin'] : '';
1350
- $text_align = isset($element['text_align']) ? $element['text_align'] : '';
1351
  $css = isset($element['css']) ? $element['css'] : '';
1352
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1353
  ?>
1354
- <style type="text/css">
1355
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1356
- <?php if(!empty($color)): ?>
1357
- color: <?php echo $color; ?>;
1358
- <?php endif; ?>
1359
- <?php if(!empty($font_size)): ?>
1360
- font-size: <?php echo $font_size; ?>;
1361
- <?php endif; ?>
1362
- <?php if(!empty($font_family)): ?>
1363
- font-family: <?php echo $font_family; ?>;
1364
- <?php endif; ?>
1365
- <?php if(!empty($margin)): ?>
1366
- margin: <?php echo $margin; ?>;
1367
- <?php endif; ?>
1368
- <?php if(!empty($text_align)): ?>
1369
- text-align: <?php echo $text_align; ?>;
1370
- <?php endif; ?>
1371
- <?php if(!empty($css)): ?>
1372
- <?php echo $css; ?>
1373
- <?php endif; ?>
1374
- }
1375
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1376
- <?php if(!empty($css_hover)): ?>
1377
- <?php echo $css_hover; ?>
1378
- <?php endif; ?>
1379
- }
1380
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1381
- <?php if(!empty($color)): ?>
1382
- color: <?php echo $color; ?>;
1383
- <?php endif; ?>
1384
- <?php if(!empty($font_size)): ?>
1385
- font-size: <?php echo $font_size; ?>;
1386
- <?php endif; ?>
1387
- <?php if(!empty($font_family)): ?>
1388
- font-family: <?php echo $font_family; ?>;
1389
- <?php endif; ?>
1390
- }
1391
- </style>
1392
  <?php
1393
  }
1394
 
@@ -1461,44 +1446,44 @@ function post_grid_layout_element_css_categories($args){
1461
  $css = isset($element['css']) ? $element['css'] : '';
1462
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1463
  ?>
1464
- <style type="text/css">
1465
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1466
- <?php if(!empty($text_color)): ?>
1467
- color: <?php echo $text_color; ?>;
1468
- <?php endif; ?>
1469
- <?php if(!empty($font_size)): ?>
1470
- font-size: <?php echo $font_size; ?>;
1471
- <?php endif; ?>
1472
- <?php if(!empty($font_family)): ?>
1473
- font-family: <?php echo $font_family; ?>;
1474
- <?php endif; ?>
1475
- <?php if(!empty($margin)): ?>
1476
- margin: <?php echo $margin; ?>;
1477
- <?php endif; ?>
1478
- <?php if(!empty($text_align)): ?>
1479
- text-align: <?php echo $text_align; ?>;
1480
- <?php endif; ?>
1481
- <?php if(!empty($css)): ?>
1482
- <?php echo $css; ?>
1483
- <?php endif; ?>
1484
- }
1485
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1486
- <?php if(!empty($link_color)): ?>
1487
- color: <?php echo $link_color; ?>;
1488
- <?php endif; ?>
1489
- <?php if(!empty($font_size)): ?>
1490
- font-size: <?php echo $font_size; ?>;
1491
- <?php endif; ?>
1492
- <?php if(!empty($font_family)): ?>
1493
- font-family: <?php echo $font_family; ?>;
1494
- <?php endif; ?>
1495
- }
1496
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1497
- <?php if(!empty($css_hover)): ?>
1498
- <?php echo $css_hover; ?>
1499
- <?php endif; ?>
1500
- }
1501
- </style>
1502
  <?php
1503
  }
1504
 
@@ -1569,44 +1554,44 @@ function post_grid_layout_element_css_tags($args){
1569
  $css = isset($element['css']) ? $element['css'] : '';
1570
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1571
  ?>
1572
- <style type="text/css">
1573
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1574
- <?php if(!empty($text_color)): ?>
1575
- color: <?php echo $text_color; ?>;
1576
- <?php endif; ?>
1577
- <?php if(!empty($font_size)): ?>
1578
- font-size: <?php echo $font_size; ?>;
1579
- <?php endif; ?>
1580
- <?php if(!empty($font_family)): ?>
1581
- font-family: <?php echo $font_family; ?>;
1582
- <?php endif; ?>
1583
- <?php if(!empty($margin)): ?>
1584
- margin: <?php echo $margin; ?>;
1585
- <?php endif; ?>
1586
- <?php if(!empty($text_align)): ?>
1587
- text-align: <?php echo $text_align; ?>;
1588
- <?php endif; ?>
1589
- <?php if(!empty($css)): ?>
1590
- <?php echo $css; ?>
1591
- <?php endif; ?>
1592
- }
1593
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1594
- <?php if(!empty($link_color)): ?>
1595
- color: <?php echo $link_color; ?>;
1596
- <?php endif; ?>
1597
- <?php if(!empty($font_size)): ?>
1598
- font-size: <?php echo $font_size; ?>;
1599
- <?php endif; ?>
1600
- <?php if(!empty($font_family)): ?>
1601
- font-family: <?php echo $font_family; ?>;
1602
- <?php endif; ?>
1603
- }
1604
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1605
- <?php if(!empty($css_hover)): ?>
1606
- <?php echo $css_hover; ?>
1607
- <?php endif; ?>
1608
- }
1609
- </style>
1610
  <?php
1611
  }
1612
 
@@ -1669,33 +1654,33 @@ function post_grid_layout_element_css_comments_count($args){
1669
  $css = isset($element['css']) ? $element['css'] : '';
1670
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1671
  ?>
1672
- <style type="text/css">
1673
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1674
- <?php if(!empty($color)): ?>
1675
- color: <?php echo $color; ?>;
1676
- <?php endif; ?>
1677
- <?php if(!empty($font_size)): ?>
1678
- font-size: <?php echo $font_size; ?>;
1679
- <?php endif; ?>
1680
- <?php if(!empty($font_family)): ?>
1681
- font-family: <?php echo $font_family; ?>;
1682
- <?php endif; ?>
1683
- <?php if(!empty($margin)): ?>
1684
- margin: <?php echo $margin; ?>;
1685
- <?php endif; ?>
1686
- <?php if(!empty($text_align)): ?>
1687
- text-align: <?php echo $text_align; ?>;
1688
- <?php endif; ?>
1689
- <?php if(!empty($css)): ?>
1690
- <?php echo $css; ?>
1691
- <?php endif; ?>
1692
- }
1693
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1694
- <?php if(!empty($css_hover)): ?>
1695
- <?php echo $css_hover; ?>
1696
- <?php endif; ?>
1697
- }
1698
- </style>
1699
  <?php
1700
  }
1701
 
@@ -1771,41 +1756,41 @@ function post_grid_layout_element_css_share_button($args){
1771
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1772
 
1773
  ?>
1774
- <style type="text/css">
1775
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1776
- <?php if(!empty($icon_color)): ?>
1777
- color: <?php echo $icon_color; ?>;
1778
- <?php endif; ?>
1779
- <?php if(!empty($font_size)): ?>
1780
- font-size: <?php echo $font_size; ?>;
1781
- <?php endif; ?>
1782
- <?php if(!empty($wrapper_margin)): ?>
1783
- margin: <?php echo $wrapper_margin; ?>;
1784
- <?php endif; ?>
1785
- <?php if(!empty($text_align)): ?>
1786
- text-align: <?php echo $text_align; ?>;
1787
- <?php endif; ?>
1788
- <?php if(!empty($css)): ?>
1789
- <?php echo $css; ?>
1790
- <?php endif; ?>
1791
- }
1792
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1793
- <?php if(!empty($icon_color)): ?>
1794
- color: <?php echo $icon_color; ?>;
1795
- <?php endif; ?>
1796
- <?php if(!empty($font_size)): ?>
1797
- font-size: <?php echo $font_size; ?>;
1798
- <?php endif; ?>
1799
- <?php if(!empty($icon_margin)): ?>
1800
- margin: <?php echo $icon_margin; ?>;
1801
- <?php endif; ?>
1802
- }
1803
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1804
- <?php if(!empty($css_hover)): ?>
1805
- <?php echo $css_hover; ?>
1806
- <?php endif; ?>
1807
- }
1808
- </style>
1809
  <?php
1810
  }
1811
 
@@ -1851,27 +1836,27 @@ function post_grid_layout_element_css_hr($args){
1851
  $css = isset($element['css']) ? $element['css'] : '';
1852
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1853
  ?>
1854
- <style type="text/css">
1855
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1856
- <?php if(!empty($margin)): ?>
1857
- margin: <?php echo $margin; ?>;
1858
- <?php endif; ?>
1859
- <?php if(!empty($background_color)): ?>
1860
- background-color: <?php echo $background_color; ?>;
1861
- <?php endif; ?>
1862
- <?php if(!empty($height)): ?>
1863
- padding: <?php echo $height; ?>;
1864
- <?php endif; ?>
1865
- <?php if(!empty($css)): ?>
1866
- <?php echo $css; ?>
1867
- <?php endif; ?>
1868
- }
1869
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1870
- <?php if(!empty($css_hover)): ?>
1871
- <?php echo $css_hover; ?>
1872
- <?php endif; ?>
1873
- }
1874
- </style>
1875
  <?php
1876
  }
1877
 
@@ -1948,30 +1933,30 @@ function post_grid_layout_element_css_five_star($args){
1948
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1949
 
1950
  ?>
1951
- <style type="text/css">
1952
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1953
- <?php if(!empty($color)): ?>
1954
- color: <?php echo $color; ?>;
1955
- <?php endif; ?>
1956
- <?php if(!empty($font_size)): ?>
1957
- font-size: <?php echo $font_size; ?>;
1958
- <?php endif; ?>
1959
- <?php if(!empty($margin)): ?>
1960
- margin: <?php echo $margin; ?>;
1961
- <?php endif; ?>
1962
- <?php if(!empty($text_align)): ?>
1963
- text-align: <?php echo $text_align; ?>;
1964
- <?php endif; ?>
1965
- <?php if(!empty($css)): ?>
1966
- <?php echo $css; ?>
1967
- <?php endif; ?>
1968
- }
1969
- .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1970
- <?php if(!empty($css_hover)): ?>
1971
- <?php echo $css_hover; ?>
1972
- <?php endif; ?>
1973
- }
1974
- </style>
1975
  <?php
1976
  }
1977
 
40
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
41
 
42
  ?>
43
+ <style type="text/css">
44
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
45
+ <?php if(!empty($color)): ?>
46
+ color: <?php echo $color; ?>;
47
+ <?php endif; ?>
48
+ <?php if(!empty($font_size)): ?>
49
+ font-size: <?php echo $font_size; ?>;
50
+ <?php endif; ?>
51
+ <?php if(!empty($font_family)): ?>
52
+ font-family: <?php echo $font_family; ?>;
53
+ <?php endif; ?>
54
+ <?php if(!empty($margin)): ?>
55
+ margin: <?php echo $margin; ?>;
56
+ <?php endif; ?>
57
+ <?php if(!empty($text_align)): ?>
58
+ text-align: <?php echo $text_align; ?>;
59
+ <?php endif; ?>
60
+ <?php if(!empty($css)): ?>
61
+ <?php echo $css; ?>
62
+ <?php endif; ?>
63
+ }
64
+ <?php if(!empty($css_hover)): ?>
65
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
66
+ <?php echo $css_hover; ?>
67
+ }
68
+ <?php endif; ?>
69
+ </style>
70
  <?php
71
  }
72
 
127
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
128
 
129
  ?>
130
+ <style type="text/css">
131
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
132
+ <?php if(!empty($color)): ?>
133
+ color: <?php echo $color; ?>;
134
+ <?php endif; ?>
135
+ <?php if(!empty($font_size)): ?>
136
+ font-size: <?php echo $font_size; ?>;
137
+ <?php endif; ?>
138
+ <?php if(!empty($font_family)): ?>
139
+ font-family: <?php echo $font_family; ?>;
140
+ <?php endif; ?>
141
+ <?php if(!empty($margin)): ?>
142
+ margin: <?php echo $margin; ?>;
143
+ <?php endif; ?>
144
+ <?php if(!empty($text_align)): ?>
145
+ text-align: <?php echo $text_align; ?>;
146
+ <?php endif; ?>
147
+ <?php if(!empty($css)): ?>
148
+ <?php echo $css; ?>
149
+ <?php endif; ?>
150
+ }
151
+ <?php if(!empty($css_hover)): ?>
152
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
153
+ <?php echo $css_hover; ?>
154
+ }
155
+ <?php endif; ?>
156
+ </style>
157
  <?php
158
  }
159
 
218
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
219
 
220
  ?>
221
+ <style type="text/css">
222
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
223
+ <?php if(!empty($color)): ?>
224
+ color: <?php echo $color; ?>;
225
+ <?php endif; ?>
226
+ <?php if(!empty($font_size)): ?>
227
+ font-size: <?php echo $font_size; ?>;
228
+ <?php endif; ?>
229
+ <?php if(!empty($font_family)): ?>
230
+ font-family: <?php echo $font_family; ?>;
231
+ <?php endif; ?>
232
+ <?php if(!empty($margin)): ?>
233
+ margin: <?php echo $margin; ?>;
234
+ <?php endif; ?>
235
+ <?php if(!empty($text_align)): ?>
236
+ text-align: <?php echo $text_align; ?>;
237
+ <?php endif; ?>
238
+ <?php if(!empty($css)): ?>
239
+ <?php echo $css; ?>
240
+ <?php endif; ?>
241
+ }
242
+ <?php if(!empty($css_hover)): ?>
243
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
244
+ <?php echo $css_hover; ?>
245
+ }
246
+ <?php endif; ?>
247
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
248
+ <?php if(!empty($color)): ?>
249
+ color: <?php echo $color; ?>;
250
+ <?php endif; ?>
251
+ <?php if(!empty($font_size)): ?>
252
+ font-size: <?php echo $font_size; ?>;
253
+ <?php endif; ?>
254
+ <?php if(!empty($font_family)): ?>
255
+ font-family: <?php echo $font_family; ?>;
256
+ <?php endif; ?>
257
+ }
258
+ </style>
259
  <?php
260
  }
261
 
323
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
324
 
325
  ?>
326
+ <style type="text/css">
327
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
328
+ <?php if(!empty($color)): ?>
329
+ color: <?php echo $color; ?>;
330
+ <?php endif; ?>
331
+ <?php if(!empty($font_size)): ?>
332
+ font-size: <?php echo $font_size; ?>;
333
+ <?php endif; ?>
334
+ <?php if(!empty($font_family)): ?>
335
+ font-family: <?php echo $font_family; ?>;
336
+ <?php endif; ?>
337
+ <?php if(!empty($margin)): ?>
338
+ margin: <?php echo $margin; ?>;
339
+ <?php endif; ?>
340
+ <?php if(!empty($text_align)): ?>
341
+ text-align: <?php echo $text_align; ?>;
342
+ <?php endif; ?>
343
+ <?php if(!empty($css)): ?>
344
+ <?php echo $css; ?>
345
+ <?php endif; ?>
346
+ }
347
+ <?php if(!empty($css_hover)): ?>
348
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
349
+ <?php echo $css_hover; ?>
350
+ }
351
+ <?php endif; ?>
352
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
353
+ <?php if(!empty($color)): ?>
354
+ color: <?php echo $color; ?>;
355
+ <?php endif; ?>
356
+ <?php if(!empty($font_size)): ?>
357
+ font-size: <?php echo $font_size; ?>;
358
+ <?php endif; ?>
359
+ <?php if(!empty($font_family)): ?>
360
+ font-family: <?php echo $font_family; ?>;
361
+ <?php endif; ?>
362
+ }
363
+ </style>
364
  <?php
365
  }
366
 
468
  $css = isset($element['css']) ? $element['css'] : '';
469
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
470
  ?>
471
+ <style type="text/css">
472
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
473
+ <?php if(!empty($color)): ?>
474
+ color: <?php echo $color; ?>;
475
+ <?php endif; ?>
476
+ <?php if(!empty($font_size)): ?>
477
+ font-size: <?php echo $font_size; ?>;
478
+ <?php endif; ?>
479
+ <?php if(!empty($font_family)): ?>
480
+ font-family: <?php echo $font_family; ?>;
481
+ <?php endif; ?>
482
+ <?php if(!empty($margin)): ?>
483
+ margin: <?php echo $margin; ?>;
484
+ <?php endif; ?>
485
+ <?php if(!empty($text_align)): ?>
486
+ text-align: <?php echo $text_align; ?>;
487
+ <?php endif; ?>
488
+ <?php if(!empty($css)): ?>
489
+ <?php echo $css; ?>
490
+ <?php endif; ?>
491
+ }
492
+ <?php if(!empty($css_hover)): ?>
493
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
494
+ <?php echo $css_hover; ?>
495
+ }
496
+ <?php endif; ?>
497
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
498
+ <?php if(!empty($color)): ?>
499
+ color: <?php echo $color; ?>;
500
+ <?php endif; ?>
501
+ <?php if(!empty($font_size)): ?>
502
+ font-size: <?php echo $font_size; ?>;
503
+ <?php endif; ?>
504
+ <?php if(!empty($font_family)): ?>
505
+ font-family: <?php echo $font_family; ?>;
506
+ <?php endif; ?>
507
+ }
508
+ </style>
509
  <?php
510
  }
511
 
570
  $css = isset($element['css']) ? $element['css'] : '';
571
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
572
  ?>
573
+ <style type="text/css">
574
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
575
+ <?php if(!empty($color)): ?>
576
+ color: <?php echo $color; ?>;
577
+ <?php endif; ?>
578
+ <?php if(!empty($font_size)): ?>
579
+ font-size: <?php echo $font_size; ?>;
580
+ <?php endif; ?>
581
+ <?php if(!empty($font_family)): ?>
582
+ font-family: <?php echo $font_family; ?>;
583
+ <?php endif; ?>
584
+ <?php if(!empty($margin)): ?>
585
+ margin: <?php echo $margin; ?>;
586
+ <?php endif; ?>
587
+ <?php if(!empty($text_align)): ?>
588
+ text-align: <?php echo $text_align; ?>;
589
+ <?php endif; ?>
590
+ <?php if(!empty($css)): ?>
591
+ <?php echo $css; ?>
592
+ <?php endif; ?>
593
+ }
594
+ <?php if(!empty($css_hover)): ?>
595
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
596
+ <?php echo $css_hover; ?>
597
+ }
598
+ <?php endif; ?>
599
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
600
+ <?php if(!empty($color)): ?>
601
+ color: <?php echo $color; ?>;
602
+ <?php endif; ?>
603
+ <?php if(!empty($font_size)): ?>
604
+ font-size: <?php echo $font_size; ?>;
605
+ <?php endif; ?>
606
+ <?php if(!empty($font_family)): ?>
607
+ font-family: <?php echo $font_family; ?>;
608
+ <?php endif; ?>
609
+ }
610
+ </style>
611
  <?php
612
  }
613
 
663
  $css = isset($element['css']) ? $element['css'] : '';
664
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
665
  ?>
666
+ <style type="text/css">
667
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
668
+ <?php if(!empty($color)): ?>
669
+ color: <?php echo $color; ?>;
670
+ <?php endif; ?>
671
+ <?php if(!empty($font_size)): ?>
672
+ font-size: <?php echo $font_size; ?>;
673
+ <?php endif; ?>
674
+ <?php if(!empty($font_family)): ?>
675
+ font-family: <?php echo $font_family; ?>;
676
+ <?php endif; ?>
677
+ <?php if(!empty($margin)): ?>
678
+ margin: <?php echo $margin; ?>;
679
+ <?php endif; ?>
680
+ <?php if(!empty($text_align)): ?>
681
+ text-align: <?php echo $text_align; ?>;
682
+ <?php endif; ?>
683
+ <?php if(!empty($css)): ?>
684
+ <?php echo $css; ?>
685
+ <?php endif; ?>
686
+ }
687
+ <?php if(!empty($css_hover)): ?>
688
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
689
+ <?php echo $css_hover; ?>
690
+ }
691
+ <?php endif; ?>
692
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
693
+ <?php if(!empty($color)): ?>
694
+ color: <?php echo $color; ?>;
695
+ <?php endif; ?>
696
+ <?php if(!empty($font_size)): ?>
697
+ font-size: <?php echo $font_size; ?>;
698
+ <?php endif; ?>
699
+ <?php if(!empty($font_family)): ?>
700
+ font-family: <?php echo $font_family; ?>;
701
+ <?php endif; ?>
702
+ }
703
+ </style>
704
  <?php
705
  }
706
 
792
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
793
 
794
  ?>
795
+ <style type="text/css">
796
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
797
+ overflow: hidden;
798
+ <?php if(!empty($margin)): ?>
799
+ margin: <?php echo $margin; ?>;
800
+ <?php endif; ?>
801
+ <?php if(!empty($padding)): ?>
802
+ padding: <?php echo $padding; ?>;
803
+ <?php endif; ?>
804
+ <?php if(!empty($css)): ?>
805
+ <?php echo $css; ?>
806
+ <?php endif; ?>
807
+ }
808
+ <?php if(!empty($css_hover)): ?>
809
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
810
+ <?php echo $css_hover; ?>
811
+ }
812
+ <?php endif; ?>
813
+ @media only screen and (min-width: 1024px ){
814
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
815
+ <?php if($height_large_type =='auto_height'): ?>
816
+ height: auto;
817
+ <?php elseif ($height_large_type =='fixed_height'): ?>
818
+ <?php if(!empty($thumb_height_large)): ?>
819
+ height: <?php echo $thumb_height_large; ?>;
820
+ <?php endif; ?>
821
+ <?php elseif ($height_large_type =='max_height'): ?>
822
+ <?php if(!empty($thumb_height_large)): ?>
823
+ max-height: <?php echo $thumb_height_large; ?>;
824
  <?php endif; ?>
825
+ <?php endif; ?>
826
+ }
827
+ }
828
+ @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
829
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
830
+ <?php if($height_medium_type =='auto_height'): ?>
831
+ height: auto;
832
+ <?php elseif ($height_medium_type =='fixed_height'): ?>
833
+ <?php if(!empty($thumb_height_medium)): ?>
834
+ height: <?php echo $thumb_height_medium; ?>;
835
+ <?php endif; ?>
836
+ <?php elseif ($height_medium_type =='max_height'): ?>
837
+ <?php if(!empty($thumb_height_medium)): ?>
838
+ max-height: <?php echo $thumb_height_medium; ?>;
839
  <?php endif; ?>
840
+ <?php endif; ?>
841
+ }
842
+ }
843
+ @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
844
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
845
+ <?php if($height_small_type =='auto_height'): ?>
846
+ height: auto;
847
+ <?php elseif ($height_small_type =='fixed_height'): ?>
848
+ <?php if(!empty($thumb_height_small)): ?>
849
+ height: <?php echo $thumb_height_small; ?>;
850
+ <?php endif; ?>
851
+ <?php elseif ($height_small_type =='max_height'): ?>
852
+ <?php if(!empty($thumb_height_small)): ?>
853
+ max-height: <?php echo $thumb_height_small; ?>;
854
  <?php endif; ?>
855
+ <?php endif; ?>
856
+ }
857
+ }
858
+ </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
859
  <?php
860
  }
861
 
927
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
928
 
929
  ?>
930
+ <style type="text/css">
931
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
932
+ overflow: hidden;
933
+ <?php if(!empty($margin)): ?>
934
+ margin: <?php echo $margin; ?>;
935
+ <?php endif; ?>
936
+ }
937
+ @media only screen and (min-width: 1024px ){
938
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
939
+ <?php if(!empty($thumb_height_large)): ?>
940
+ max-height: <?php echo $thumb_height_large; ?>;
941
+ <?php endif; ?>
942
+ }
943
+ }
944
+ @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
945
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
946
+ <?php if(!empty($thumb_height_medium)): ?>
947
+ max-height: <?php echo $thumb_height_medium; ?>;
948
+ <?php endif; ?>
949
+ }
950
+ }
951
+ @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
952
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
953
+ <?php if(!empty($thumb_height_small)): ?>
954
+ max-height: <?php echo $thumb_height_small; ?>;
955
+ <?php endif; ?>
956
+ }
957
+ }
958
+ </style>
 
 
 
 
 
 
 
959
  <?php
960
  }
961
 
1028
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1029
 
1030
  ?>
1031
+ <style type="text/css">
1032
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1033
+ overflow: hidden;
1034
+ <?php if(!empty($margin)): ?>
1035
+ margin: <?php echo $margin; ?>;
1036
+ <?php endif; ?>
1037
+ }
1038
+ @media only screen and (min-width: 1024px ){
1039
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1040
+ <?php if(!empty($thumb_height_large)): ?>
1041
+ max-height: <?php echo $thumb_height_large; ?>;
1042
+ <?php endif; ?>
1043
+ }
1044
+ }
1045
+ @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) {
1046
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1047
+ <?php if(!empty($thumb_height_medium)): ?>
1048
+ max-height: <?php echo $thumb_height_medium; ?>;
1049
+ <?php endif; ?>
1050
+ }
1051
+ }
1052
+ @media only screen and ( min-width: 0px ) and ( max-width: 767px ){
1053
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1054
+ <?php if(!empty($thumb_height_small)): ?>
1055
+ max-height: <?php echo $thumb_height_small; ?>;
1056
+ <?php endif; ?>
1057
+ }
1058
+ }
1059
+ </style>
 
 
 
 
 
 
 
1060
  <?php
1061
  }
1062
 
1129
  $css = isset($element['css']) ? $element['css'] : '';
1130
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1131
  ?>
1132
+ <style type="text/css">
1133
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1134
+ <?php if(!empty($color)): ?>
1135
+ color: <?php echo $color; ?>;
1136
+ <?php endif; ?>
1137
+ <?php if(!empty($font_size)): ?>
1138
+ font-size: <?php echo $font_size; ?>;
1139
+ <?php endif; ?>
1140
+ <?php if(!empty($font_family)): ?>
1141
+ font-family: <?php echo $font_family; ?>;
1142
+ <?php endif; ?>
1143
+ <?php if(!empty($margin)): ?>
1144
+ margin: <?php echo $margin; ?>;
1145
+ <?php endif; ?>
1146
+ <?php if(!empty($text_align)): ?>
1147
+ text-align: <?php echo $text_align; ?>;
1148
+ <?php endif; ?>
1149
+ <?php if(!empty($css)): ?>
1150
+ <?php echo $css; ?>
1151
+ <?php endif; ?>
1152
+ }
1153
+ <?php if(!empty($css_hover)): ?>
1154
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1155
+ <?php echo $css_hover; ?>
1156
+ }
1157
+ <?php endif; ?>
1158
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1159
+ <?php if(!empty($color)): ?>
1160
+ color: <?php echo $color; ?>;
1161
+ <?php endif; ?>
1162
+ <?php if(!empty($font_size)): ?>
1163
+ font-size: <?php echo $font_size; ?>;
1164
+ <?php endif; ?>
1165
+ <?php if(!empty($font_family)): ?>
1166
+ font-family: <?php echo $font_family; ?>;
1167
+ <?php endif; ?>
1168
+ }
1169
+ </style>
1170
  <?php
1171
  }
1172
 
1183
  $custom_class = isset($element['custom_class']) ? $element['custom_class'] : '';
1184
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
1185
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
1186
+ $wrapper_html = !empty($element['wrapper_html']) ? $element['wrapper_html'] : '%s';
1187
 
1188
  $post_link = get_permalink($post_id);
1189
  $post_author = get_the_author();
1233
  $css = isset($element['css']) ? $element['css'] : '';
1234
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1235
  ?>
1236
+ <style type="text/css">
1237
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1238
+ <?php if(!empty($color)): ?>
1239
+ color: <?php echo $color; ?>;
1240
+ <?php endif; ?>
1241
+ <?php if(!empty($font_size)): ?>
1242
+ font-size: <?php echo $font_size; ?>;
1243
+ <?php endif; ?>
1244
+ <?php if(!empty($font_family)): ?>
1245
+ font-family: <?php echo $font_family; ?>;
1246
+ <?php endif; ?>
1247
+ <?php if(!empty($margin)): ?>
1248
+ margin: <?php echo $margin; ?>;
1249
+ <?php endif; ?>
1250
+ <?php if(!empty($text_align)): ?>
1251
+ text-align: <?php echo $text_align; ?>;
1252
+ <?php endif; ?>
1253
+ <?php if(!empty($css)): ?>
1254
+ <?php echo $css; ?>
1255
+ <?php endif; ?>
1256
+ }
1257
+ <?php if(!empty($css_hover)): ?>
1258
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1259
+ <?php echo $css_hover; ?>
1260
+ }
1261
+ <?php endif; ?>
1262
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1263
+ <?php if(!empty($color)): ?>
1264
+ color: <?php echo $color; ?>;
1265
+ <?php endif; ?>
1266
+ <?php if(!empty($font_size)): ?>
1267
+ font-size: <?php echo $font_size; ?>;
1268
+ <?php endif; ?>
1269
+ <?php if(!empty($font_family)): ?>
1270
+ font-family: <?php echo $font_family; ?>;
1271
+ <?php endif; ?>
1272
+ }
1273
+ </style>
1274
  <?php
1275
  }
1276
 
1288
  $custom_class = isset($element['custom_class']) ? $element['custom_class'] : '';
1289
  $link_to = isset($element['link_to']) ? $element['link_to'] : 'post_link';
1290
  $link_target = isset($element['link_target']) ? $element['link_target'] : '';
1291
+ $wrapper_html = !empty($element['wrapper_html']) ? $element['wrapper_html'] : '%s';
1292
 
1293
  $post_link = get_permalink($post_id);
1294
  $post_author = get_the_author();
1296
  $post_author = sprintf($wrapper_html, $post_author);
1297
 
1298
  ?>
1299
+ <div class="element element_<?php echo esc_attr($elementIndex); ?> <?php echo esc_attr($custom_class); ?> author_link ">
1300
  <?php
1301
  if($link_to == 'post_link'):
1302
  ?>
1332
  $font_size = isset($element['font_size']) ? $element['font_size'] : '';
1333
  $font_family = isset($element['font_family']) ? $element['font_family'] : '';
1334
  $margin = isset($element['margin']) ? $element['margin'] : '';
1335
+ $text_align = isset($element['text_align']) ? $element['text_align'] : 'left';
1336
  $css = isset($element['css']) ? $element['css'] : '';
1337
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1338
  ?>
1339
+ <style type="text/css">
1340
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1341
+ <?php if(!empty($color)): ?>
1342
+ color: <?php echo $color; ?>;
1343
+ <?php endif; ?>
1344
+ <?php if(!empty($font_size)): ?>
1345
+ font-size: <?php echo $font_size; ?>;
1346
+ <?php endif; ?>
1347
+ <?php if(!empty($font_family)): ?>
1348
+ font-family: <?php echo $font_family; ?>;
1349
+ <?php endif; ?>
1350
+ <?php if(!empty($margin)): ?>
1351
+ margin: <?php echo $margin; ?>;
1352
+ <?php endif; ?>
1353
+ <?php if(!empty($text_align)): ?>
1354
+ text-align: <?php echo $text_align; ?>;
1355
+ <?php endif; ?>
1356
+ <?php if(!empty($css)): ?>
1357
+ <?php echo $css; ?>
1358
+ <?php endif; ?>
1359
+ }
1360
+ <?php if(!empty($css_hover)): ?>
1361
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1362
+ <?php echo $css_hover; ?>
1363
+ }
1364
+ <?php endif; ?>
1365
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1366
+ <?php if(!empty($color)): ?>
1367
+ color: <?php echo $color; ?>;
1368
+ <?php endif; ?>
1369
+ <?php if(!empty($font_size)): ?>
1370
+ font-size: <?php echo $font_size; ?>;
1371
+ <?php endif; ?>
1372
+ <?php if(!empty($font_family)): ?>
1373
+ font-family: <?php echo $font_family; ?>;
1374
+ <?php endif; ?>
1375
+ }
1376
+ </style>
1377
  <?php
1378
  }
1379
 
1446
  $css = isset($element['css']) ? $element['css'] : '';
1447
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1448
  ?>
1449
+ <style type="text/css">
1450
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1451
+ <?php if(!empty($text_color)): ?>
1452
+ color: <?php echo $text_color; ?>;
1453
+ <?php endif; ?>
1454
+ <?php if(!empty($font_size)): ?>
1455
+ font-size: <?php echo $font_size; ?>;
1456
+ <?php endif; ?>
1457
+ <?php if(!empty($font_family)): ?>
1458
+ font-family: <?php echo $font_family; ?>;
1459
+ <?php endif; ?>
1460
+ <?php if(!empty($margin)): ?>
1461
+ margin: <?php echo $margin; ?>;
1462
+ <?php endif; ?>
1463
+ <?php if(!empty($text_align)): ?>
1464
+ text-align: <?php echo $text_align; ?>;
1465
+ <?php endif; ?>
1466
+ <?php if(!empty($css)): ?>
1467
+ <?php echo $css; ?>
1468
+ <?php endif; ?>
1469
+ }
1470
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1471
+ <?php if(!empty($link_color)): ?>
1472
+ color: <?php echo $link_color; ?>;
1473
+ <?php endif; ?>
1474
+ <?php if(!empty($font_size)): ?>
1475
+ font-size: <?php echo $font_size; ?>;
1476
+ <?php endif; ?>
1477
+ <?php if(!empty($font_family)): ?>
1478
+ font-family: <?php echo $font_family; ?>;
1479
+ <?php endif; ?>
1480
+ }
1481
+ <?php if(!empty($css_hover)): ?>
1482
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1483
+ <?php echo $css_hover; ?>
1484
+ }
1485
+ <?php endif; ?>
1486
+ </style>
1487
  <?php
1488
  }
1489
 
1554
  $css = isset($element['css']) ? $element['css'] : '';
1555
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1556
  ?>
1557
+ <style type="text/css">
1558
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1559
+ <?php if(!empty($text_color)): ?>
1560
+ color: <?php echo $text_color; ?>;
1561
+ <?php endif; ?>
1562
+ <?php if(!empty($font_size)): ?>
1563
+ font-size: <?php echo $font_size; ?>;
1564
+ <?php endif; ?>
1565
+ <?php if(!empty($font_family)): ?>
1566
+ font-family: <?php echo $font_family; ?>;
1567
+ <?php endif; ?>
1568
+ <?php if(!empty($margin)): ?>
1569
+ margin: <?php echo $margin; ?>;
1570
+ <?php endif; ?>
1571
+ <?php if(!empty($text_align)): ?>
1572
+ text-align: <?php echo $text_align; ?>;
1573
+ <?php endif; ?>
1574
+ <?php if(!empty($css)): ?>
1575
+ <?php echo $css; ?>
1576
+ <?php endif; ?>
1577
+ }
1578
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1579
+ <?php if(!empty($link_color)): ?>
1580
+ color: <?php echo $link_color; ?>;
1581
+ <?php endif; ?>
1582
+ <?php if(!empty($font_size)): ?>
1583
+ font-size: <?php echo $font_size; ?>;
1584
+ <?php endif; ?>
1585
+ <?php if(!empty($font_family)): ?>
1586
+ font-family: <?php echo $font_family; ?>;
1587
+ <?php endif; ?>
1588
+ }
1589
+ <?php if(!empty($css_hover)): ?>
1590
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1591
+ <?php echo $css_hover; ?>
1592
+ }
1593
+ <?php endif; ?>
1594
+ </style>
1595
  <?php
1596
  }
1597
 
1654
  $css = isset($element['css']) ? $element['css'] : '';
1655
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1656
  ?>
1657
+ <style type="text/css">
1658
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1659
+ <?php if(!empty($color)): ?>
1660
+ color: <?php echo $color; ?>;
1661
+ <?php endif; ?>
1662
+ <?php if(!empty($font_size)): ?>
1663
+ font-size: <?php echo $font_size; ?>;
1664
+ <?php endif; ?>
1665
+ <?php if(!empty($font_family)): ?>
1666
+ font-family: <?php echo $font_family; ?>;
1667
+ <?php endif; ?>
1668
+ <?php if(!empty($margin)): ?>
1669
+ margin: <?php echo $margin; ?>;
1670
+ <?php endif; ?>
1671
+ <?php if(!empty($text_align)): ?>
1672
+ text-align: <?php echo $text_align; ?>;
1673
+ <?php endif; ?>
1674
+ <?php if(!empty($css)): ?>
1675
+ <?php echo $css; ?>
1676
+ <?php endif; ?>
1677
+ }
1678
+ <?php if(!empty($css_hover)): ?>
1679
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1680
+ <?php echo $css_hover; ?>
1681
+ }
1682
+ <?php endif; ?>
1683
+ </style>
1684
  <?php
1685
  }
1686
 
1756
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1757
 
1758
  ?>
1759
+ <style type="text/css">
1760
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1761
+ <?php if(!empty($icon_color)): ?>
1762
+ color: <?php echo $icon_color; ?>;
1763
+ <?php endif; ?>
1764
+ <?php if(!empty($font_size)): ?>
1765
+ font-size: <?php echo $font_size; ?>;
1766
+ <?php endif; ?>
1767
+ <?php if(!empty($wrapper_margin)): ?>
1768
+ margin: <?php echo $wrapper_margin; ?>;
1769
+ <?php endif; ?>
1770
+ <?php if(!empty($text_align)): ?>
1771
+ text-align: <?php echo $text_align; ?>;
1772
+ <?php endif; ?>
1773
+ <?php if(!empty($css)): ?>
1774
+ <?php echo $css; ?>
1775
+ <?php endif; ?>
1776
+ }
1777
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?> a{
1778
+ <?php if(!empty($icon_color)): ?>
1779
+ color: <?php echo $icon_color; ?>;
1780
+ <?php endif; ?>
1781
+ <?php if(!empty($font_size)): ?>
1782
+ font-size: <?php echo $font_size; ?>;
1783
+ <?php endif; ?>
1784
+ <?php if(!empty($icon_margin)): ?>
1785
+ margin: <?php echo $icon_margin; ?>;
1786
+ <?php endif; ?>
1787
+ }
1788
+ <?php if(!empty($css_hover)): ?>
1789
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1790
+ <?php echo $css_hover; ?>
1791
+ }
1792
+ <?php endif; ?>
1793
+ </style>
1794
  <?php
1795
  }
1796
 
1836
  $css = isset($element['css']) ? $element['css'] : '';
1837
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1838
  ?>
1839
+ <style type="text/css">
1840
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1841
+ <?php if(!empty($margin)): ?>
1842
+ margin: <?php echo $margin; ?>;
1843
+ <?php endif; ?>
1844
+ <?php if(!empty($background_color)): ?>
1845
+ background-color: <?php echo $background_color; ?>;
1846
+ <?php endif; ?>
1847
+ <?php if(!empty($height)): ?>
1848
+ padding: <?php echo $height; ?>;
1849
+ <?php endif; ?>
1850
+ <?php if(!empty($css)): ?>
1851
+ <?php echo $css; ?>
1852
+ <?php endif; ?>
1853
+ }
1854
+ <?php if(!empty($css_hover)): ?>
1855
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1856
+ <?php echo $css_hover; ?>
1857
+ }
1858
+ <?php endif; ?>
1859
+ </style>
1860
  <?php
1861
  }
1862
 
1933
  $css_hover = isset($element['css_hover']) ? $element['css_hover'] : '';
1934
 
1935
  ?>
1936
+ <style type="text/css">
1937
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>{
1938
+ <?php if(!empty($color)): ?>
1939
+ color: <?php echo $color; ?>;
1940
+ <?php endif; ?>
1941
+ <?php if(!empty($font_size)): ?>
1942
+ font-size: <?php echo $font_size; ?>;
1943
+ <?php endif; ?>
1944
+ <?php if(!empty($margin)): ?>
1945
+ margin: <?php echo $margin; ?>;
1946
+ <?php endif; ?>
1947
+ <?php if(!empty($text_align)): ?>
1948
+ text-align: <?php echo $text_align; ?>;
1949
+ <?php endif; ?>
1950
+ <?php if(!empty($css)): ?>
1951
+ <?php echo $css; ?>
1952
+ <?php endif; ?>
1953
+ }
1954
+ <?php if(!empty($css_hover)): ?>
1955
+ .layout-<?php echo $layout_id; ?> .element_<?php echo $index; ?>:hover{
1956
+ <?php echo $css_hover; ?>
1957
+ }
1958
+ <?php endif; ?>
1959
+ </style>
1960
  <?php
1961
  }
1962
 
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.0.53
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.0.53');
25
 
26
  include('includes/classes/class-post-types.php');
27
  include('includes/functions/functions-settings-hook.php');
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.0.54
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.0.54');
25
 
26
  include('includes/classes/class-post-types.php');
27
  include('includes/functions/functions-settings-hook.php');
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.4
7
- Stable tag: 2.0.53
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -139,9 +139,15 @@ then paste this shortcode anywhere in your page to display grid<br />
139
 
140
  == Changelog ==
141
 
 
 
 
 
 
 
142
  = 2.0.53 =
143
- * 2020-05-01 fix - var_dump issue fixed for excerpt.
144
- * 2020-05-01 add - query post by ids added.
145
 
146
 
147
  = 2.0.52 =
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.4
7
+ Stable tag: 2.0.54
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
139
 
140
  == Changelog ==
141
 
142
+ = 2.0.54 =
143
+ * 2020-05-4 optimize - optimize layout element CSS generate
144
+ * 2020-05-4 fix - grid item text align issue fixed.
145
+ * 2020-05-4 fix - element author and author link issue fixed.
146
+
147
+
148
  = 2.0.53 =
149
+ * 2020-05-04 fix - var_dump issue fixed for excerpt.
150
+ * 2020-05-04 add - query post by ids added.
151
 
152
 
153
  = 2.0.52 =
templates/post-grid-hook.php CHANGED
@@ -601,7 +601,6 @@ function post_grid_item_layout_new($args){
601
  $layout_elements_data = get_post_meta( $layout_id, 'layout_elements_data', true );
602
 
603
 
604
- global $element_css;
605
 
606
  //echo '<pre>'.var_export($layout_elements_data, ture).'</pre>';
607
 
@@ -620,13 +619,6 @@ function post_grid_item_layout_new($args){
620
 
621
  do_action('post_grid_layout_element_' . $elementId, $element_args);
622
 
623
-
624
- ob_start();
625
- do_action('post_grid_layout_element_css_' . $elementId, $element_args);
626
- $element_css .= ob_get_clean();
627
-
628
- //var_dump($element_css);
629
-
630
  }
631
 
632
  }
@@ -741,13 +733,6 @@ function post_grid_custom_css($args){
741
  do_action('post_grid_view_type_css_'.$grid_type, $args);
742
 
743
 
744
-
745
- global $element_css;
746
-
747
- ?>
748
-
749
- <?php echo $element_css; ?>
750
- <?php
751
  }
752
 
753
 
@@ -806,6 +791,8 @@ function post_grid_view_type_css_grid($args){
806
  $container_padding = isset($post_grid_options['container']['padding']) ? $post_grid_options['container']['padding'] : '';
807
  $container_bg_color = isset($post_grid_options['container']['bg_color']) ? $post_grid_options['container']['bg_color'] : '';
808
  $container_bg_image = isset($post_grid_options['container']['bg_image']) ? $post_grid_options['container']['bg_image'] : '';
 
 
809
 
810
  $items_bg_color_type = isset($post_grid_options['items_bg_color_type']) ? $post_grid_options['items_bg_color_type'] : '';
811
  $items_bg_color = isset($post_grid_options['items_bg_color']) ? $post_grid_options['items_bg_color'] : '#fff';
@@ -813,7 +800,6 @@ function post_grid_view_type_css_grid($args){
813
 
814
  ?>
815
  <style type="text/css">
816
-
817
  #post-grid-<?php echo $grid_id; ?> {
818
  <?php if(!empty($container_padding)): ?>
819
  padding:<?php echo $container_padding; ?>;
@@ -824,9 +810,15 @@ function post_grid_view_type_css_grid($args){
824
  <?php if(!empty($container_bg_image)): ?>
825
  background-image: url(<?php echo $container_bg_image; ?>);
826
  <?php endif; ?>
 
 
 
 
 
 
 
 
827
  }
828
-
829
-
830
  #post-grid-<?php echo $grid_id; ?> .item{
831
  <?php if(!empty($items_margin)): ?>
832
  margin:<?php echo $items_margin; ?>;
@@ -1028,8 +1020,36 @@ function post_grid_main_scripts($args){
1028
  $layout_custom_scripts = get_post_meta($layout_id,'custom_scripts', true);
1029
  $layout_custom_css = isset($layout_custom_scripts['custom_css']) ? $layout_custom_scripts['custom_css'] : '';
1030
 
 
 
1031
 
1032
- //var_dump($masonry_enable);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1033
 
1034
  ?>
1035
  <?php if(!empty($custom_css)): ?>
601
  $layout_elements_data = get_post_meta( $layout_id, 'layout_elements_data', true );
602
 
603
 
 
604
 
605
  //echo '<pre>'.var_export($layout_elements_data, ture).'</pre>';
606
 
619
 
620
  do_action('post_grid_layout_element_' . $elementId, $element_args);
621
 
 
 
 
 
 
 
 
622
  }
623
 
624
  }
733
  do_action('post_grid_view_type_css_'.$grid_type, $args);
734
 
735
 
 
 
 
 
 
 
 
736
  }
737
 
738
 
791
  $container_padding = isset($post_grid_options['container']['padding']) ? $post_grid_options['container']['padding'] : '';
792
  $container_bg_color = isset($post_grid_options['container']['bg_color']) ? $post_grid_options['container']['bg_color'] : '';
793
  $container_bg_image = isset($post_grid_options['container']['bg_image']) ? $post_grid_options['container']['bg_image'] : '';
794
+ $items_wrapper_text_align = isset($post_grid_options['items_wrapper']['text_align']) ? $post_grid_options['items_wrapper']['text_align'] : 'center';
795
+
796
 
797
  $items_bg_color_type = isset($post_grid_options['items_bg_color_type']) ? $post_grid_options['items_bg_color_type'] : '';
798
  $items_bg_color = isset($post_grid_options['items_bg_color']) ? $post_grid_options['items_bg_color'] : '#fff';
800
 
801
  ?>
802
  <style type="text/css">
 
803
  #post-grid-<?php echo $grid_id; ?> {
804
  <?php if(!empty($container_padding)): ?>
805
  padding:<?php echo $container_padding; ?>;
810
  <?php if(!empty($container_bg_image)): ?>
811
  background-image: url(<?php echo $container_bg_image; ?>);
812
  <?php endif; ?>
813
+ <?php if(!empty($container_text_align)): ?>
814
+ text-align: <?php echo $container_text_align; ?>;
815
+ <?php endif; ?>
816
+ }
817
+ #post-grid-<?php echo $grid_id; ?> .grid-items{
818
+ <?php if(!empty($items_wrapper_text_align)): ?>
819
+ text-align: <?php echo $items_wrapper_text_align; ?>;
820
+ <?php endif; ?>
821
  }
 
 
822
  #post-grid-<?php echo $grid_id; ?> .item{
823
  <?php if(!empty($items_margin)): ?>
824
  margin:<?php echo $items_margin; ?>;
1020
  $layout_custom_scripts = get_post_meta($layout_id,'custom_scripts', true);
1021
  $layout_custom_css = isset($layout_custom_scripts['custom_css']) ? $layout_custom_scripts['custom_css'] : '';
1022
 
1023
+ $layout_elements_data = get_post_meta( $layout_id, 'layout_elements_data', true );
1024
+
1025
 
1026
+
1027
+ if(!empty($layout_elements_data))
1028
+ foreach($layout_elements_data as $elementIndex=>$elementData){
1029
+ foreach($elementData as $elementId=>$element) {
1030
+
1031
+ //var_dump($element);
1032
+
1033
+ $element_args['element'] = $element;
1034
+ $element_args['index'] = $elementIndex;
1035
+
1036
+ //$element_args['post_id'] = $post_id;
1037
+ $element_args['layout_id'] = $layout_id;
1038
+
1039
+ //ob_start();
1040
+ do_action('post_grid_layout_element_css_' . $elementId, $element_args);
1041
+ //$element_css .= ob_get_clean();
1042
+
1043
+ }
1044
+
1045
+ }
1046
+
1047
+
1048
+
1049
+ ?>
1050
+
1051
+ <?php //echo $element_css; ?>
1052
+ <?php
1053
 
1054
  ?>
1055
  <?php if(!empty($custom_css)): ?>