Customify – A Theme Customizer Booster - Version 1.5.6

Version Description

  • New Fields Styling Improvements
Download this release

Release Info

Developer babbardel
Plugin Icon Customify – A Theme Customizer Booster
Version 1.5.6
Comparing to
See all releases

Code changes from version 1.5.5 to 1.5.6

Files changed (4) hide show
  1. css/customizer.css +98 -4
  2. customify.php +1 -1
  3. readme.txt +4 -1
  4. scss/customizer.scss +197 -1
css/customizer.css CHANGED
@@ -335,7 +335,7 @@
335
  .customize-control input[type=search],
336
  .customize-control select,
337
  .customize-control textarea,
338
- .customize-control input[type="number"].range-value, ul.font-options__options-list .select2-container .select2-selection--single {
339
  width: 100%;
340
  height: 44px;
341
  padding: 10px 14px;
@@ -364,18 +364,18 @@
364
  .customize-control input[type=search]:focus,
365
  .customize-control select:focus,
366
  .customize-control textarea:focus,
367
- .customize-control input[type="number"].range-value:focus, ul.font-options__options-list .select2-container .select2-selection--single:focus {
368
  border-color: #73C5EE;
369
  box-shadow: none; }
370
 
371
- .font-options__head, .customize-control select, ul.font-options__options-list .select2-container .select2-selection--single {
372
  width: 100%;
373
  -webkit-appearance: button;
374
  -moz-appearance: none;
375
  font-weight: 600;
376
  background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTUgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTM4Ni4wMDAwMDApIiBmaWxsPSIjOThDNkRFIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVGl0bGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1TZWxlY3QtQ29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2VsZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NC40ODEyLDE4IEwyNTYsMTkuNTE0IEwyNDguNSwyNyBMMjQxLDE5LjUxNCBMMjQyLjUxODgsMTggTDI0OC41LDIzLjk2NzIgTDI1NC40ODEyLDE4IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
377
  background-position: right 16px top 16px; }
378
- [multiple].font-options__head, .customize-control select[multiple], ul.font-options__options-list .select2-container [multiple].select2-selection--single {
379
  background: white; }
380
 
381
  .customize-control input[type=text],
@@ -1101,6 +1101,100 @@ ul.font-options__options-list .select2-container--default .select2-selection--si
1101
  .select2-container.select2-container--open {
1102
  z-index: 99999999; }
1103
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1104
  .wp-customizer .widget-conditional .condition-control:after {
1105
  content: " ";
1106
  display: table;
335
  .customize-control input[type=search],
336
  .customize-control select,
337
  .customize-control textarea,
338
+ .customize-control input[type="number"].range-value, ul.font-options__options-list .select2-container .select2-selection--single, #customize-theme-controls .select2-container .select2-selection--multiple {
339
  width: 100%;
340
  height: 44px;
341
  padding: 10px 14px;
364
  .customize-control input[type=search]:focus,
365
  .customize-control select:focus,
366
  .customize-control textarea:focus,
367
+ .customize-control input[type="number"].range-value:focus, ul.font-options__options-list .select2-container .select2-selection--single:focus, #customize-theme-controls .select2-container .select2-selection--multiple:focus {
368
  border-color: #73C5EE;
369
  box-shadow: none; }
370
 
371
+ .font-options__head, .customize-control select, ul.font-options__options-list .select2-container .select2-selection--single, #customize-theme-controls .select2-container .select2-selection--multiple {
372
  width: 100%;
373
  -webkit-appearance: button;
374
  -moz-appearance: none;
375
  font-weight: 600;
376
  background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTUgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTM4Ni4wMDAwMDApIiBmaWxsPSIjOThDNkRFIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVGl0bGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1TZWxlY3QtQ29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2VsZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NC40ODEyLDE4IEwyNTYsMTkuNTE0IEwyNDguNSwyNyBMMjQxLDE5LjUxNCBMMjQyLjUxODgsMTggTDI0OC41LDIzLjk2NzIgTDI1NC40ODEyLDE4IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
377
  background-position: right 16px top 16px; }
378
+ [multiple].font-options__head, .customize-control select[multiple], ul.font-options__options-list .select2-container [multiple].select2-selection--single, #customize-theme-controls .select2-container [multiple].select2-selection--multiple {
379
  background: white; }
380
 
381
  .customize-control input[type=text],
1101
  .select2-container.select2-container--open {
1102
  z-index: 99999999; }
1103
 
1104
+ #customize-theme-controls .select2-container {
1105
+ width: 100% !important; }
1106
+ #customize-theme-controls .select2-container .select2-selection--multiple {
1107
+ -webkit-appearance: initial;
1108
+ padding: 8px 8px 4px;
1109
+ height: auto;
1110
+ background: none; }
1111
+ #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__arrow {
1112
+ display: none; }
1113
+ #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered {
1114
+ padding: 0; }
1115
+ #customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
1116
+ padding: 3px 7px;
1117
+ margin-right: 6px;
1118
+ margin-top: 0px;
1119
+ border-color: #e0e8ef;
1120
+ background-color: #f6fbff; }
1121
+ #customize-theme-controls .select2-container .select2-search--inline .select2-search__field {
1122
+ height: 24px; }
1123
+
1124
+ .select2-container .select2-dropdown {
1125
+ border-color: #e0e8ef; }
1126
+
1127
+ #customize-theme-controls .widget-content .accordion-container {
1128
+ margin-left: -10px;
1129
+ margin-right: -10px;
1130
+ margin-top: 20px;
1131
+ margin-bottom: 10px; }
1132
+ #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content {
1133
+ position: relative;
1134
+ left: 0;
1135
+ max-height: 0;
1136
+ padding-top: 0;
1137
+ padding-bottom: 0;
1138
+ overflow: hidden;
1139
+ transition: all .4s ease;
1140
+ color: #416B7E; }
1141
+ #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:first-child {
1142
+ margin-top: 0; }
1143
+ #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:last-child {
1144
+ margin-bottom: 0; }
1145
+ #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title {
1146
+ color: #39474D; }
1147
+ #customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title:after {
1148
+ content: "\f142";
1149
+ -webkit-transform: rotate(180deg);
1150
+ transform: rotate(180deg); }
1151
+ #customize-theme-controls .widget-content .accordion-container .accordion-section.open {
1152
+ border-bottom: none; }
1153
+ #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-content {
1154
+ max-height: 100%;
1155
+ padding-top: 17px;
1156
+ padding-bottom: 17px; }
1157
+ #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title {
1158
+ border-bottom: 1px solid; }
1159
+ #customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title:after {
1160
+ -webkit-transform: rotate(0deg);
1161
+ transform: rotate(0deg); }
1162
+ #customize-theme-controls .widget-content .accordion-container label.customize-control-title, #customize-theme-controls .widget-content .accordion-container label.separator.label {
1163
+ cursor: default; }
1164
+
1165
+ .widget .widget-content > p input[type=checkbox],
1166
+ .widget .widget-content > p input[type=radio] {
1167
+ margin-bottom: 3px;
1168
+ margin-top: 3px; }
1169
+
1170
+ .widget .widget-content small {
1171
+ margin-top: 5px;
1172
+ display: block; }
1173
+
1174
+ #available-widgets [class*=pixelgrade] .widget .widget-title:before,
1175
+ #available-widgets [class*=featured-posts] .widget .widget-title:before,
1176
+ #available-widgets [class*=categories-image-grid] .widget .widget-title:before {
1177
+ content: "\f538";
1178
+ color: #9660c6; }
1179
+
1180
+ #available-widgets [class*=pixelgrade-featured-posts-slideshow] .widget .widget-title:before {
1181
+ content: "\f233"; }
1182
+
1183
+ #available-widgets [class*=pixelgrade-featured-posts-carousel] .widget .widget-title:before {
1184
+ content: "\f169"; }
1185
+
1186
+ #available-widgets [class*=featured-posts-grid] .widget .widget-title:before {
1187
+ content: "\f180"; }
1188
+
1189
+ #available-widgets [class*=featured-posts-list] .widget .widget-title:before {
1190
+ content: "\f164"; }
1191
+
1192
+ #available-widgets [class*=categories-image-grid] .widget .widget-title:before {
1193
+ content: "\f163"; }
1194
+
1195
+ #available-widgets [class*=pixelgrade-promo-box] .widget .widget-title:before {
1196
+ content: "\f488"; }
1197
+
1198
  .wp-customizer .widget-conditional .condition-control:after {
1199
  content: " ";
1200
  display: table;
customify.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Customify
4
  Plugin URI: https://wordpress.org/plugins/customify/
5
  Description: A Theme Customizer Booster
6
- Version: 1.5.5
7
  Author: Pixelgrade
8
  Author URI: https://pixelgrade.com
9
  Author Email: contact@pixelgrade.com
3
  Plugin Name: Customify
4
  Plugin URI: https://wordpress.org/plugins/customify/
5
  Description: A Theme Customizer Booster
6
+ Version: 1.5.6
7
  Author: Pixelgrade
8
  Author URI: https://pixelgrade.com
9
  Author Email: contact@pixelgrade.com
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: pixelgrade, euthelup, babbardel, vlad.olaru, cristianfrumusanu, ra
3
  Tags: customizer, css, editor, live, preview, customise
4
  Requires at least: 4.6.0
5
  Tested up to: 4.9.0
6
- Stable tag: 1.5.5
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -37,6 +37,9 @@ With [Customify](https://github.com/pixelgrade/customify), developers can easily
37
 
38
  == Changelog ==
39
 
 
 
 
40
  = 1.5.5 =
41
  * Added Compatibility with WordPress 4.9
42
 
3
  Tags: customizer, css, editor, live, preview, customise
4
  Requires at least: 4.6.0
5
  Tested up to: 4.9.0
6
+ Stable tag: 1.5.6
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
37
 
38
  == Changelog ==
39
 
40
+ = 1.5.6 =
41
+ * New Fields Styling Improvements
42
+
43
  = 1.5.5 =
44
  * Added Compatibility with WordPress 4.9
45
 
scss/customizer.scss CHANGED
@@ -1550,7 +1550,7 @@ ul.font-options__options-list {
1550
  .select2-selection__rendered {
1551
  color: inherit;
1552
  line-height: initial;
1553
- }
1554
 
1555
  }
1556
 
@@ -1563,6 +1563,202 @@ ul.font-options__options-list {
1563
  z-index: 99999999;
1564
  }
1565
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1566
 
1567
 
1568
 
1550
  .select2-selection__rendered {
1551
  color: inherit;
1552
  line-height: initial;
1553
+ }
1554
 
1555
  }
1556
 
1563
  z-index: 99999999;
1564
  }
1565
 
1566
+ #customize-theme-controls .select2-container {
1567
+ width: 100% !important;
1568
+
1569
+ .select2-selection--multiple {
1570
+ @extend %input;
1571
+ @extend %select;
1572
+ -webkit-appearance: initial;
1573
+
1574
+ padding: 8px 8px 4px;
1575
+ height: auto;
1576
+ background: none;
1577
+
1578
+ .select2-selection__arrow {
1579
+ display: none;
1580
+ }
1581
+
1582
+ .select2-selection__rendered {
1583
+ padding: 0;
1584
+
1585
+ .select2-selection__choice {
1586
+ padding: 3px 7px;
1587
+ margin-right: 6px;
1588
+ margin-top: 0px;
1589
+
1590
+ border-color: $borders;
1591
+ background-color: #f6fbff;
1592
+ }
1593
+ }
1594
+
1595
+ }
1596
+ .select2-search--inline {
1597
+
1598
+ .select2-search__field {
1599
+ height: 24px;
1600
+ }
1601
+ }
1602
+
1603
+ }
1604
+
1605
+ .select2-container {
1606
+ .select2-dropdown {
1607
+ border-color: $borders;
1608
+ }
1609
+ }
1610
+
1611
+
1612
+
1613
+
1614
+
1615
+ //------------------------------------*\
1616
+ // Widgets Options Accordion System
1617
+ //------------------------------------*/
1618
+ .pixelgrade-widget-title {
1619
+
1620
+ }
1621
+
1622
+ #customize-theme-controls .widget-content {
1623
+ .accordion-container {
1624
+
1625
+ // Stick the container to the margins
1626
+ margin-left: -10px;
1627
+ margin-right: -10px;
1628
+
1629
+ margin-top: 20px;
1630
+ margin-bottom: 10px;
1631
+
1632
+ .accordion-section {
1633
+
1634
+ .accordion-section-content {
1635
+ position: relative;
1636
+ left: 0;
1637
+
1638
+ max-height: 0;
1639
+ padding-top: 0;
1640
+ padding-bottom: 0;
1641
+
1642
+ overflow: hidden;
1643
+ transition: all .4s ease;
1644
+
1645
+ color: $blue-dark;
1646
+
1647
+ p {
1648
+ &:first-child {
1649
+ margin-top: 0;
1650
+ }
1651
+
1652
+ &:last-child {
1653
+ margin-bottom: 0;
1654
+ }
1655
+ }
1656
+
1657
+ }
1658
+
1659
+ .accordion-section-title {
1660
+ color: #39474D;
1661
+
1662
+ &:after {
1663
+ content: "\f142"; // Change arrow style to be more consistent
1664
+ transform: rotate(180deg);
1665
+
1666
+ }
1667
+ }
1668
+
1669
+ &.closed {
1670
+ .accordion-section-content {
1671
+
1672
+ }
1673
+ }
1674
+
1675
+ &.open {
1676
+ border-bottom: none;
1677
+
1678
+ .accordion-section-content {
1679
+ max-height: 100%;
1680
+ padding-top: 17px; //default
1681
+ padding-bottom: 17px; //default
1682
+ }
1683
+
1684
+ .accordion-section-title {
1685
+ border-bottom: 1px solid;
1686
+
1687
+ &:after {
1688
+ transform: rotate(0deg);
1689
+ }
1690
+ }
1691
+ }
1692
+ }
1693
+
1694
+ label.customize-control-title {
1695
+ cursor: default;
1696
+ }
1697
+ }
1698
+ }
1699
+
1700
+ .widget {
1701
+ .widget-content {
1702
+ > p {
1703
+ input[type=checkbox],
1704
+ input[type=radio] {
1705
+ margin-bottom: 3px;
1706
+ margin-top: 3px;
1707
+ }
1708
+ }
1709
+
1710
+ small {
1711
+ margin-top: 5px;
1712
+ display: block;
1713
+ }
1714
+ }
1715
+ }
1716
+
1717
+
1718
+ // Widgets Icons
1719
+ #available-widgets {
1720
+ [class*=pixelgrade],
1721
+ [class*=featured-posts],
1722
+ [class*=categories-image-grid] {
1723
+ .widget .widget-title:before {
1724
+ content: "\f538";
1725
+ color: #9660c6; // Branding Icons
1726
+ }
1727
+ }
1728
+
1729
+ // Slideshow
1730
+ [class*=pixelgrade-featured-posts-slideshow] .widget .widget-title:before {
1731
+ content: "\f233"; // images-alt2
1732
+ }
1733
+
1734
+ // Carousel
1735
+ [class*=pixelgrade-featured-posts-carousel] .widget .widget-title:before {
1736
+ content: "\f169";
1737
+ }
1738
+
1739
+ // Grid Posts
1740
+ [class*=featured-posts-grid] .widget .widget-title:before {
1741
+ content: "\f180";
1742
+ }
1743
+
1744
+ // List Posts
1745
+ [class*=featured-posts-list] .widget .widget-title:before {
1746
+ content: "\f164";
1747
+ }
1748
+
1749
+ // Categories Image
1750
+ [class*=categories-image-grid] .widget .widget-title:before {
1751
+ content: "\f163"; // list-view
1752
+ }
1753
+
1754
+ // Promo Box
1755
+ [class*=pixelgrade-promo-box] .widget .widget-title:before {
1756
+ content: "\f488"; // Megaphone
1757
+ }
1758
+
1759
+ }
1760
+
1761
+
1762
 
1763
 
1764