WordPress.org
Get WordPress

Plugin Directory

Changeset 1746620


Ignore:
Timestamp:
10/15/2017 05:01:39 AM (8 years ago)
Author:
codetic
Message:

pricing table added, lots of improvements

Location:
essential-addons-for-elementor-lite
Files:
75 added
10 edited

Legend:

Unmodified
Added
Removed

  • essential-addons-for-elementor-lite/trunk/admin/assets/js/admin.js

    r1738132 r1746620  
    4141        var infoBox             = $( '#info-box' ).attr( 'checked' ) ? 1 : 0;
    4242        var dualHeader      = $( '#dual-header' ).attr( 'checked' ) ? 1 : 0;
     43        var priceTable      = $( '#price-table' ).attr( 'checked' ) ? 1 : 0;
    4344
    4445        var customCss           = $( '#eael-custom-css' ).val();
    … …  
    6465                infoBox: infoBox,
    6566                dualHeader: dualHeader,
     67                priceTable: priceTable,
    6668                customCss: customCss,
    6769                customJs: customJs,

  • essential-addons-for-elementor-lite/trunk/admin/settings.php

    r1740124 r1746620  
    2323       'info-box'           => true,
    2424       'dual-header'        => true,
     25       'price-table'        => true,
    2526    );
    2627
    … …  
    261262                                        </div>
    262263                                        </td>
     264                                        <td>
     265                                            <div class="eael-checkbox">
     266                                                <p class="title"><?php _e( 'Pricing Table', 'essential-addons-elementor' ) ?></p>
     267                                                <p class="desc"><?php _e( 'Activate / Deactive Pricing Table', 'essential-addons-elementor' ); ?></p>
     268                                        <input type="checkbox" id="price-table" name="price-table" <?php checked( 1, $this->eael_get_settings['price-table'], true ); ?> >
     269                                        <label for="price-table"></label>
     270                                        </div>
     271                                        </td>
    263272                                    </tr>
    264273                            </table>
    … …  
    423432                'info-box'              => intval( $_POST['infoBox'] ? 1 : 0 ),
    424433                'dual-header'           => intval( $_POST['dualHeader'] ? 1 : 0 ),
     434                'price-table'           => intval( $_POST['priceTable'] ? 1 : 0 ),
    425435
    426436                'eael-custom-css'       => wp_unslash( $_POST['customCss'] ),

  • essential-addons-for-elementor-lite/trunk/assets/css/essential-addons-elementor.css

    r1740124 r1746620  
    561561    position: relative;
    562562    height: 320px;
    563     width: 480px;
     563    width: calc(100% - 40px);
    564564}
    565565.eael-timeline-post:nth-child(even) .eael-timeline-post-inner {
    … …  
    600600}
    601601.eael-timeline-post-image {
    602     background-size: 100% auto;
     602    background-size: cover;
     603    background-position: center center;
    603604    background-repeat: no-repeat;
    604605    display: block;
    … …  
    694695}
    695696
     697.eael-timeline-post::after {
     698  height: 100%;
     699}
     700
     701.eael-post-timeline .eael-timeline-post:nth-last-child(2)::after {
     702  height: 245px;
     703}
     704
     705.eael-post-timeline .eael-timeline-post:last-child::after {
     706  display: none;
     707}
     708
    696709/* Responsive Style for Post Timeline */
    697710
    … …  
    707720    .eael-timeline-post-inner {
    708721        height: 320px;
    709         width: 420px;
    710722    }
    711723}
    … …  
    729741        height: 320px;
    730742        padding-bottom: 30px;
    731         width: 420px;
    732743    }
    733744    .eael-timeline-post-title {
    … …  
    781792        float: none;
    782793        margin: 0 auto;
    783         width: 90%;
    784794    }
    785795}
    … …  
    16651675}
    16661676}
    1667 
    16681677/* Info-box Style */
    16691678.eael-infobox {}
    16701679.eael-infobox .infobox-icon {}
    16711680.eael-infobox .infobox-icon img {
     1681  max-width: 100%;
     1682  height: auto;
     1683  -webkit-transform: scale(.9);
    16721684  transform: scale(.9);
     1685  -webkit-transition: .5s;
    16731686  transition: .5s;
    16741687}
    … …  
    16781691}
    16791692.eael-infobox:hover .infobox-icon img {
     1693  -webkit-transform: scale(1.0);
    16801694  transform: scale(1.0);
    16811695}
    … …  
    17201734  border-radius: 50%;
    17211735  border: 2px solid #ededed;
     1736  -webkit-transition: .5s;
    17221737  transition: .5s;
    17231738}
    … …  
    17291744  border-radius: 15px;
    17301745  border: 2px solid #ededed;
     1746  -webkit-transition: .5s;
    17311747  transition: .5s;
    17321748}
    … …  
    17381754  border-radius: 0px;
    17391755  border: 2px solid #ededed;
     1756  -webkit-transition: .5s;
    17401757  transition: .5s;
    17411758}
    … …  
    17431760.eael-infobox-icon-bg-shape-radius:hover .eael-infobox .infobox-icon i,
    17441761.eael-infobox-icon-bg-shape-square:hover .eael-infobox .infobox-icon i {
     1762  -webkit-transform: scale(1.2);
    17451763  transform: scale(1.2);
    17461764}
    … …  
    17961814 * Flipbox Style
    17971815 */
    1798 .eael-flipbox {}
    1799 .eael-flipbox .eael-vertical-flip {
    1800   display: block;
    1801   width: 100%;
    1802   min-height: 280px;
    1803   position: relative;
    1804   z-index: 0;
    1805   text-align: center;
    1806   -webkit-perspective: 1000px;
     1816.eael-elements-progression-flip-box-container {
     1817  position:relative;
     1818  height:300px;
     1819  width:100%;
     1820}
     1821
     1822.eael-elements-progression-flip-box-container a {
     1823  display:block;
     1824}
     1825
     1826.eael-elements-flip-box-vertical-align {
     1827  width:100%;
     1828}
     1829
     1830.eael-elements-flip-box-padding {
     1831  padding:0px 30px 5px 30px;
     1832}
     1833
     1834.eael-elements-flip-box-icon-image {
     1835  display:inline-block;
     1836  margin:0 auto 0px auto;
     1837  line-height:1;
     1838}
     1839
     1840.eael-elements-flip-box-icon-image.eael_eleements_flip_front_icon_style_background {
     1841  background:#cccccc;
     1842}
     1843
     1844.eael_eleements_flip_front_icon_style_bordered {
     1845  border:2px solid #ffffff;
     1846}
     1847
     1848.eael_flip_box_icon_border_round {
     1849  border-radius:100px;
     1850}
     1851
     1852.eael_eleements_flip_front_icon_style_background,
     1853.eael_eleements_flip_front_icon_style_bordered {
     1854  padding:15px;
     1855}
     1856
     1857.eael-elements-flip-box-icon-image i {
     1858  font-size:40px;
     1859  line-height:40px;
     1860  width:40px;
     1861}
     1862
     1863.eael-elements-flip-box-front-container {
     1864  text-align:center;
     1865  position:absolute;
     1866  top:0px;
     1867  left:0px;
     1868  z-index: 2;
     1869  width:100%;
     1870  height:100%;
     1871  background:#0e9dd2;
     1872  color:#ffffff;
     1873  border-color:#000000;
     1874  -webkit-display: flex;
     1875  display: flex;
     1876  -webkit-align-items: center;
     1877  align-items: center;
     1878  -webkit-justify-content: center;
     1879  justify-content: center;
     1880}
     1881
     1882.eael-elements-flip-box-content,
     1883h2.eael-elements-flip-box-heading {
     1884  color:#ffffff;
     1885}
     1886
     1887.eael-elements-flip-box-rear-container {
     1888  text-align:center;
     1889  position:absolute;
     1890  top:0px;
     1891  left:0px;
     1892  width:100%;
     1893  height:100%;
     1894  background:#444444;
     1895  color:#ffffff;
     1896  display: flex;
     1897  -webkit-align-items: center;
     1898  align-items: center;
     1899  -webkit-justify-content: center;
     1900  justify-content: center;
     1901}
     1902
     1903/* Floating Button Styles */
     1904.eael-elements-progression-button-floating-container {
     1905  position:fixed;
     1906  z-index:100;
     1907}
     1908
     1909.eael-elements-progression-button-floating-container .eael-elements-button {
     1910  margin-top:0px;
     1911  font-size:14px;
     1912  position:relative;
     1913  padding:14px 20px;
     1914}
     1915
     1916.eael-elements-button {
     1917  cursor:pointer;
     1918  display:inline-block;
     1919  background:#077bbe;
     1920  color:#ffffff;
     1921  line-height:1;
     1922  padding:16px 25px;
     1923  margin-top:15px;
     1924}
     1925
     1926.eael-elements-button:hover {
     1927  background:#077bbe;
     1928  color:#ffffff;
     1929}
     1930
     1931
     1932/* CSS3 Transitions */
     1933.eael-elements-progression-flip-box-container {
    18071934  perspective: 1000px;
    18081935}
    1809 .eael-flipbox .eael-vertical-flip .front {
     1936
     1937.eael-elements-flip-box-front-container,
     1938.eael-elements-flip-box-rear-container {
     1939  transition-duration:500ms;
     1940  transition-property: all;
     1941  transition-timing-function: ease;
     1942}
     1943.eael-elements-flip-box-flip-card {
    18101944  width: 100%;
    18111945  height: 100%;
    1812   position: absolute;
    1813   display: flex;
    1814   -webkit-display: flex;
    1815   align-items: center;
    1816   -webkit-align-items: center;
    1817   top: 0px;
    1818   left: 0px;
    1819   padding: 15px;
    1820   background: #14bcc8;
    1821   z-index: 10;
    1822   transform: rotateX(0deg) rotateY(0deg);
    1823   -webkit-transform: rotateX(0deg) rotateY(0deg);
    1824   -moz-transform: rotateX(0deg) rotateY(0deg);
    1825   transform-style: preserved-card;
    1826   -webkit-transform-style: preserved-card;
    1827   -moz-transform-style: preserved-card;
     1946  transform-style: preserve-3d;
     1947  transition: all 500ms ease;
     1948}
     1949.eael-elements-flip-box-rear-container,
     1950.eael-elements-flip-box-front-container {
     1951  -moz-backface-visibility: hidden;
     1952  -webkit-backface-visibility: hidden;
    18281953  backface-visibility: hidden;
    1829   -webkit-backface-visibility: hidden;
    1830   transition: 1s;
    1831   -webkit-transition: 1s;
    1832   -moz-transition: 1s;
    1833 }
    1834 .eael-flipbox .eael-vertical-flip .back {
    1835   width: 100%;
    1836   height: 100%;
    1837   position: absolute;
    1838   display: flex;
    1839   -webkit-display: flex;
    1840   align-items: center;
    1841   -webkit-align-items: center;
    1842   top: 0px;
    1843   left: 0px;
    1844   background: #ff7e70;
    1845   z-index: 20;
    1846   transform-style: preserved-card;
    1847   -webkit-transform-style: preserved-card;
    1848   -moz-transform-style: preserved-card;
    1849   backface-visibility: hidden;
    1850   -webkit-backface-visibility: hidden;
    1851   -moz-backface-visibility: hidden;
    1852   transition: 1s;
    1853   -webkit-transition: 1s;
    1854   -moz-transition: 1s;
    1855 }
    1856 .eael-flipbox .eael-vertical-flip.flip-left .back {
    1857   transform: rotateY(-180deg);
    1858   -webkit-transform: rotateY(-180deg);
    1859   -moz-transform: rotateY(-180deg);
    1860 }
    1861 .eael-flipbox .eael-vertical-flip.flip-right .back {
    1862   transform: rotateY(180deg);
    1863   -webkit-transform: rotateY(180deg);
    1864   -moz-transform: rotateY(180deg);
    1865 }
    1866 .eael-flipbox .eael-vertical-flip.flip-left.flip .front {
    1867   transform: rotateY(180deg) scale(1.1);
    1868   -webkit-transform: rotateY(180deg) scale(1.1);
    1869   -moz-transform: rotateY(180deg) scale(1.1);
    1870 }
    1871 .eael-flipbox .eael-vertical-flip.flip-left.flip .back {
    1872   transform: rotateX(0deg) rotateY(0deg);
    1873   -webkit-transform: rotateX(0deg) rotateY(0deg);
    1874   -moz-transform: rotateX(0deg) rotateY(0deg);
    1875 }
    1876 .eael-flipbox .eael-vertical-flip.flip-right.flip .front {
    1877   transform: rotateY(-180deg) scale(1.1);
    1878   -webkit-transform: rotateY(-180deg) scale(1.1);
    1879   -moz-transform: rotateY(-180deg) scale(1.1);
    1880 }
    1881 .eael-flipbox .eael-vertical-flip.flip-right.flip .back {
    1882   transform: rotateX(-360deg) rotateY(-360deg);
    1883   -webkit-transform: rotateX(-360deg) rotateY(-360deg);
    1884   -moz-transform: rotateX(-0deg) rotateY(-0deg);
    1885 }
    1886 .eael-flipbox .front .content,
    1887 .eael-flipbox .back .content {
    1888   width: 100%;
    1889   height: auto;
    1890   padding: 15px;
    1891   color: #fff;
    1892   font-size: 16px;
    1893   font-weight: 400;
    1894   line-height: 27px;
    1895   margin-bottom: 0px;
    1896 }
    1897 .eael-flipbox .front .content .title,
    1898 .eael-flipbox .back .content .title {
    1899   font-size: 24px;
    1900   font-weight: 600;
    1901   line-height: 20px;
    1902   margin-bottom: 10px;
    1903   margin-top: 20px;
    1904 }
    1905 .eael-flipbox .eael-vertical-flip .front .content i {
    1906   font-size: 36px;
    1907 }
    1908 
    1909 /* Horizontal Flip */
    1910 .eael-flipbox .eael-horizontal-flip {
    1911   display: block;
    1912   width: 100%;
    1913   min-height: 280px;
    1914   position: relative;
    1915   z-index: 0;
    1916   text-align: center;
    1917   -webkit-perspective: 1000px;
    1918   perspective: 1000px;
    1919 }
    1920 .eael-flipbox .eael-horizontal-flip .front {
    1921   width: 100%;
    1922   height: 100%;
    1923   position: absolute;
    1924   display: flex;
    1925   -webkit-display: flex;
    1926   align-items: center;
    1927   -webkit-align-items: center;
    1928   top: 0px;
    1929   left: 0px;
    1930   padding: 15px;
    1931   background: #14bcc8;
    1932   z-index: 10;
    1933   transform-style: preserved-card;
    1934   -webkit-transform-style: preserved-card;
    1935   -moz-transform-style: preserved-card;
    1936   backface-visibility: hidden;
    1937   -webkit-backface-visibility: hidden;
    1938   transition: 1s;
    1939   -webkit-transition: 1s;
    1940   -moz-transition: 1s;
    1941 }
    1942 .eael-flipbox .eael-horizontal-flip.flip-bottom .front {
    1943   transform: rotateX(0deg) rotateY(0deg);
    1944   -webkit-transform: rotateX(0deg) rotateY(0deg);
    1945   -moz-transform: rotateX(0deg) rotateY(0deg);
    1946 }
    1947 .eael-flipbox .eael-horizontal-flip.flip-top .front {
    1948   transform: rotateX(0deg) rotateY(0deg);
    1949   -webkit-transform: rotateX(0deg) rotateY(0deg);
    1950   -moz-transform: rotateX(0deg) rotateY(0deg);
    1951 }
    1952 .eael-flipbox .eael-horizontal-flip .back {
    1953   width: 100%;
    1954   height: 100%;
    1955   position: absolute;
    1956   display: flex;
    1957   -webkit-display: flex;
    1958   align-items: center;
    1959   -webkit-align-items: center;
    1960   top: 0px;
    1961   left: 0px;
    1962   background: #ff7e70;
    1963   z-index: 20;
    1964   transform-style: preserved-card;
    1965   -webkit-transform-style: preserved-card;
    1966   -moz-transform-style: preserved-card;
    1967   backface-visibility: hidden;
    1968   -webkit-backface-visibility: hidden;
    1969   -moz-backface-visibility: hidden;
    1970   transition: 1s;
    1971   -webkit-transition: 1s;
    1972   -moz-transition: 1s;
    1973 }
    1974 .eael-flipbox .eael-horizontal-flip.flip-bottom .back {
    1975   transform: rotateX(-180deg);
    1976   -webkit-transform: rotateX(-180deg);
    1977   -moz-transform: rotateX(-180deg);
    1978 }
    1979 .eael-flipbox .eael-horizontal-flip.flip-top .back {
    1980   transform: rotateX(180deg);
    1981   -webkit-transform: rotateX(180deg);
    1982   -moz-transform: rotateX(180deg);
    1983 }
    1984 
    1985 .eael-flipbox .eael-horizontal-flip.flip-bottom.flip .front {
    1986   transform: rotateX(180deg) scale(1.1);
    1987   -webkit-transform: rotateX(180deg) scale(1.1);
    1988   -moz-transform: rotateX(180deg) scale(1.1);
    1989 }
    1990 .eael-flipbox .eael-horizontal-flip.flip-bottom.flip .back {
    1991   transform: rotateX(0deg) rotateY(0deg);
    1992   -webkit-transform: rotateX(0deg) rotateY(0deg);
    1993   -moz-transform: rotateX(0deg) rotateY(0deg);
    1994 }
    1995 .eael-flipbox .eael-horizontal-flip.flip-top.flip .front {
    1996   transform: rotateX(-180deg) scale(1.1);
    1997   -webkit-transform: rotateX(-180deg) scale(1.1);
    1998   -moz-transform: rotateX(-180deg) scale(1.1);
    1999 }
    2000 .eael-flipbox .eael-horizontal-flip.flip-top.flip .back {
    2001   transform: rotateX(0deg) rotateY(0deg);
    2002   -webkit-transform: rotateX(0deg) rotateY(0deg);
    2003   -moz-transform: rotateX(0deg) rotateY(0deg);
    2004 }
    2005 .eael-flipbox .eael-horizontal-flip .front .content,
    2006 .eael-flipbox .eael-horizontal-flip .back .content {
    2007   width: 100%;
    2008   height: auto;
    2009   padding: 15px;
    2010   color: #fff;
    2011   font-size: 16px;
    2012   font-weight: 400;
    2013   line-height: 27px;
    2014   margin-bottom: 0px;
    2015 }
    2016 .eael-flipbox .eael-horizontal-flip .front .content .title,
    2017 .eael-flipbox .eael-horizontal-flip .back .content .title {
    2018   font-size: 24px;
    2019   font-weight: 600;
    2020   line-height: 30px;
    2021   margin-bottom: 10px;
    2022 }
    2023 .eael-flipbox .eael-horizontal-flip .front .content i {
    2024   font-size: 36px;
    2025 }
    2026 
    2027 /* Bulider Related Css */
    2028 .eael-flipbox-content-align-left .eael-flipbox .eael-vertical-flip .content,
    2029 .eael-flipbox-content-align-left .eael-flipbox .eael-horizontal-flip .content {
    2030   text-align: left;
    2031 }
    2032 .eael-flipbox-content-align-right .eael-flipbox .eael-vertical-flip .content,
    2033 .eael-flipbox-content-align-right .eael-flipbox .eael-horizontal-flip .content {
    2034   text-align: right;
    2035 }
    2036 .eael-flipbox-shape-circle .eael-flipbox .eael-vertical-flip .content img,
    2037 .eael-flipbox-shape-circle .eael-flipbox .eael-horizontal-flip .content img {
     1954  transform: rotateX(0deg);
     1955  transform: rotateY(0deg);
     1956}
     1957
     1958/* Flip */
     1959.eael-animate-flip.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
     1960.eael-animate-flip.eael-animate-up .eael-elements-flip-box-rear-container { transform: rotateX(180deg); }
     1961
     1962.eael-animate-flip.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
     1963.eael-animate-flip.eael-animate-down .eael-elements-flip-box-rear-container { transform: rotateX(-180deg); }
     1964
     1965.eael-animate-flip.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
     1966.eael-animate-flip.eael-animate-left .eael-elements-flip-box-rear-container { transform: rotateY(-180deg); }
     1967
     1968.eael-animate-flip.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-flip-card,
     1969.eael-animate-flip.eael-animate-right .eael-elements-flip-box-rear-container { transform: rotateY(180deg); }
     1970
     1971
     1972/* Slide */
     1973.eael-animate-push.eael-elements-progression-flip-box-container,
     1974.eael-animate-slide.eael-elements-progression-flip-box-container { overflow:hidden; }
     1975.eael-animate-push .eael-elements-flip-box-rear-container,
     1976.eael-animate-slide .eael-elements-flip-box-rear-container { z-index:3; }
     1977
     1978.eael-animate-push.eael-animate-up .eael-elements-flip-box-rear-container,
     1979.eael-animate-slide.eael-animate-up .eael-elements-flip-box-rear-container { top:100%;  }
     1980.eael-animate-push.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
     1981.eael-animate-slide.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {top:0; }
     1982
     1983.eael-animate-push.eael-animate-down .eael-elements-flip-box-rear-container,
     1984.eael-animate-slide.eael-animate-down .eael-elements-flip-box-rear-container { top:auto; bottom:100%; }
     1985.eael-animate-push.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
     1986.eael-animate-slide.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {top:auto; bottom:0; }
     1987
     1988.eael-animate-push.eael-animate-left .eael-elements-flip-box-rear-container,
     1989.eael-animate-slide.eael-animate-left .eael-elements-flip-box-rear-container { left:100%; }
     1990.eael-animate-push.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
     1991.eael-animate-slide.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container { left:0; }
     1992
     1993
     1994.eael-animate-push.eael-animate-right .eael-elements-flip-box-rear-container,
     1995.eael-animate-slide.eael-animate-right .eael-elements-flip-box-rear-container {left:auto; right:100%; }
     1996.eael-animate-push.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container,
     1997.eael-animate-slide.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container { left:auto; right:0; }
     1998
     1999
     2000/* Push + Slide Above */
     2001.eael-animate-push.eael-animate-up.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
     2002  top:-100%;
     2003}
     2004
     2005.eael-animate-push.eael-animate-down.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
     2006  top:100%;
     2007}
     2008
     2009.eael-animate-push.eael-animate-left.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
     2010  left:-100%;
     2011}
     2012
     2013.eael-animate-push.eael-animate-right.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
     2014  left:100%;
     2015}
     2016
     2017/* Zoom In */
     2018.eael-animate-zoom-in .eael-elements-flip-box-rear-container {
     2019  opacity:0;
     2020  transform: scale(0.75);
     2021  z-index:3;
     2022}
     2023
     2024.eael-animate-zoom-in.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-rear-container {
     2025  opacity:1;
     2026  transform: scale(1);
     2027}
     2028
     2029/* Zoom Out */
     2030.eael-animate-zoom-out.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
     2031  opacity:0;
     2032  transform: scale(0.75);
     2033}
     2034
     2035.eael-animate-fade.eael-elements-progression-flip-box-container:hover .eael-elements-flip-box-front-container {
     2036  opacity:0;
     2037}
     2038
     2039/* Builder Related Style */
     2040.eael-flipbox-img-circle .eael-elements-flip-box-icon-image img {
    20382041  border-radius: 50%;
    2039   transition: .4s;
    2040 }
    2041 .eael-flipbox-shape-square .eael-flipbox .eael-vertical-flip .content img,
    2042 .eael-flipbox-shape-square .eael-flipbox .eael-horizontal-flip .content img {
    2043   border-radius: 0;
    2044   transition: .4s;
    2045 }
    2046 .eael-flipbox-shape-radius .eael-flipbox .eael-vertical-flip .content img,
    2047 .eael-flipbox-shape-radius .eael-flipbox .eael-horizontal-flip .content img {
    2048   border-radius: 15px;
    2049   transition: .4s;
    2050 }
     2042}
     2043
    20512044/**
    20522045 * Call To Action
    … …  
    23022295  text-align: right;
    23032296}
     2297
     2298/**
     2299 * Pricing Table
     2300 */
     2301.eael-pricing {
     2302  -webkit-display: flex;
     2303  display: flex;
     2304  -webkit-justify-content: center;
     2305  justify-content: center;
     2306  -webkit-align-items: center;
     2307  align-items: center;
     2308}
     2309.eael-pricing .eael-pricing-item {
     2310  width: 100%;
     2311  height: auto;
     2312  margin: 0;
     2313}
     2314.eael-pricing .eael-pricing-button {
     2315  display: inline-block;
     2316  padding: 12px 25px;
     2317  background: #00C853;
     2318  font-size: 14px;
     2319  font-weight: 600;
     2320  color: #fff;
     2321  text-transform: uppercase;
     2322  text-decoration: none;
     2323  -webkit-transition: .3s;
     2324  transition: .3s;
     2325  -webkit-border-radius: 4px;
     2326  border-radius: 4px;
     2327}
     2328.eael-pricing .eael-pricing-button:hover {
     2329  background: #03b048;
     2330}
     2331.eael-pricing .eael-pricing-item ul {
     2332  padding: 0px;
     2333  margin: 0px;
     2334  list-style: none;
     2335}
     2336.eael-pricing .eael-pricing-item ul li.disable-item {
     2337  text-decoration: line-through;
     2338  opacity: 0.5;
     2339}
     2340.eael-pricing .eael-pricing-item ul li span.li-icon {
     2341  color: #00C853;
     2342  margin-right: 6px;
     2343}
     2344.eael-pricing .eael-pricing-item ul li.disable-item span.li-icon {
     2345  color: #EF5350;
     2346}
     2347/* Pricing Table: Style 1 */
     2348.eael-pricing.style-1 {
     2349  position: relative;
     2350  z-index: 0;
     2351  text-align: center;
     2352}
     2353.eael-pricing.style-1 .eael-pricing-item {
     2354  border: 1px solid rgba( 9, 9, 9, .1 );
     2355  padding: 30px;
     2356  -webkit-border-radius: 5px;
     2357  border-radius: 5px;
     2358  -webkit-transition: .5s;
     2359  transition: .5s;
     2360}
     2361.eael-pricing.style-1 .eael-pricing-item:hover {
     2362  -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
     2363  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
     2364 }
     2365.eael-pricing.style-1 .eael-pricing-item.featured {
     2366  position: relative;
     2367}
     2368.eael-pricing.style-1 .eael-pricing-item.featured:before {
     2369  content: "";
     2370  position: absolute;
     2371  width: 100%;
     2372  height: 3px;
     2373  background: #00C853;
     2374  top: 0px;
     2375  left: 0px;
     2376  right: 0px;
     2377  z-index: 1;
     2378  -webkit-border-radius: 5px 5px 0px 0px;
     2379  border-radius: 5px 5px 0px 0px;
     2380}
     2381.eael-pricing.style-1 .eael-pricing-item .header {
     2382  display: block;
     2383  position: relative;
     2384  z-index: 0;
     2385  padding-bottom: 15px;
     2386  margin-bottom: 15px;
     2387}
     2388.eael-pricing.style-1 .eael-pricing-item .header:after {
     2389  content: "";
     2390  position: absolute;
     2391  width: 140px;
     2392  height: 1px;
     2393  bottom: 0px;
     2394  left: 0px;
     2395  right: 0px;
     2396  margin: 0 auto;
     2397  z-index: 1;
     2398  background: rgba( 9, 9, 9, .1 );
     2399}
     2400.eael-pricing.style-1 .eael-pricing-item .header .title {
     2401  font-weight: 700;
     2402  line-height: 30px;
     2403  margin: 0px;
     2404}
     2405.eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag {
     2406  position: relative;
     2407  z-index: 0;
     2408  padding: 15px 0px;
     2409  margin-bottom: 15px;
     2410}
     2411.eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after {
     2412  content: "";
     2413  position: absolute;
     2414  width: 140px;
     2415  height: 1px;
     2416  bottom: 0px;
     2417  left: 0px;
     2418  right: 0px;
     2419  margin: 0 auto;
     2420  z-index: 1;
     2421  background: rgba( 9, 9, 9, .04 );
     2422}
     2423.eael-pricing.style-1 .eael-pricing-item .price-tag {
     2424  position: relative;
     2425  display: inline-block;
     2426  font-size: 28px;
     2427  font-weight: 500;
     2428  line-height: 0px;
     2429  margin: 0px auto;
     2430}
     2431.eael-pricing.style-1 .eael-pricing-item .price-tag:before {
     2432  content: "$";
     2433  position: absolute;
     2434  width: 10px;
     2435  height: 10px;
     2436  font-size: 16px;
     2437  font-weight: 700;
     2438  color: #00C853;
     2439  top: -7px;
     2440  left: -12px;
     2441  z-index: 1;
     2442}
     2443.eael-pricing.style-1 .eael-pricing-item .price-period {
     2444  color: #999;
     2445}
     2446.eael-pricing.style-1 .eael-pricing-item .body {}
     2447.eael-pricing.style-1 .eael-pricing-item .body ul {
     2448  display: block;
     2449  width: 100%;
     2450  margin-bottom: 15px;
     2451}
     2452.eael-pricing.style-1 .eael-pricing-item .body ul li {
     2453  display: block;
     2454  width: 100%;
     2455  height: auto;
     2456  padding: 10px 0px;
     2457  font-size: 14px;
     2458  color: #6d6d6d;
     2459  border-bottom: 1px solid  rgba( 9, 9, 9, .04 );
     2460}
     2461.eael-pricing.style-1 .eael-pricing-item .body ul li:last-child {
     2462  border: none;
     2463}
     2464.eael-pricing.style-1 .eael-pricing-item.featured-large {
     2465  padding: 60px 0px;
     2466}
     2467/* Pricing Table : Style 2 */
     2468.eael-pricing.style-2 {
     2469  position: relative;
     2470  z-index: 0;
     2471  text-align: center;
     2472}
     2473.eael-pricing.style-2 .eael-pricing-item {
     2474  padding: 30px 0px;
     2475  border-radius: 5px;
     2476  margin: 0px;
     2477  border: 1px solid rgba( 9, 9, 9, .1 );
     2478}
     2479.eael-pricing.style-2 .eael-pricing-item.featured {
     2480  -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
     2481  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
     2482}
     2483.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon {}
     2484.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon {
     2485  display: inline-block;
     2486  position: relative;
     2487  width: 80px;
     2488  height: 80px;
     2489  border-radius: 50%;
     2490  border: 3px solid #fff;
     2491  -webkit-box-shadow: inset 0 14px 28px rgba(0,0,0,0.15), 0 4px 4px rgba(0,0,0,0.2);
     2492  box-shadow: inset 0 14px 28px rgba(0,0,0,0.15), 0 4px 4px rgba(0,0,0,0.2);
     2493  margin-bottom: 30px;
     2494  text-align: center;
     2495  -webkit-transition: transform .5s;
     2496  transition: transform .5s;
     2497  overflow: hidden;
     2498}
     2499.eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon .icon i {
     2500  font-size: 30px;
     2501  color: #dbdbdb;
     2502  line-height: 80px;
     2503  -webkit-transition: .5s;
     2504  transition: .5s;
     2505}
     2506.eael-pricing.style-2 .eael-pricing-item:hover .eael-pricing-icon .icon i {
     2507  color: #00C853;
     2508}
     2509.eael-pricing.style-2 .eael-pricing-item .header {
     2510  background: #C8E6C9;
     2511  padding: 25px 30px;
     2512  margin-bottom: 15px;
     2513  position: relative;
     2514  z-index: 0;
     2515}
     2516.eael-pricing.style-2 .eael-pricing-item.featured .header:after {
     2517  content: "";
     2518  position: absolute;
     2519  width: 100%;
     2520  height: 100%;
     2521  top: 0px;
     2522  left: 0px;
     2523  right: 0px;
     2524  bottom: 0px;
     2525  z-index: -1;
     2526  background: rgba(255,255,255,.4);
     2527}
     2528.eael-pricing.style-2 .eael-pricing-item .header .title {
     2529  font-size: 28px;
     2530  font-weight: 700;
     2531  line-height: 40px;
     2532  margin: 0px;
     2533}
     2534.eael-pricing.style-2 .eael-pricing-item .header .subititle {
     2535  font-size: 14px;
     2536  font-weight: 600;
     2537  color: #6d6d6d;
     2538}
     2539.eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
     2540  position: relative;
     2541  z-index: 0;
     2542  padding: 15px 0px;
     2543  margin-bottom: 15px;
     2544}
     2545.eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
     2546  content: "";
     2547  position: absolute;
     2548  width: 140px;
     2549  height: 1px;
     2550  bottom: 0px;
     2551  left: 0px;
     2552  right: 0px;
     2553  margin: 0 auto;
     2554  z-index: 1;
     2555  background: rgba( 9, 9, 9, .04 );
     2556}
     2557.eael-pricing.style-2 .eael-pricing-item .price-tag {
     2558  position: relative;
     2559  display: inline-block;
     2560  font-size: 28px;
     2561  font-weight: 500;
     2562  line-height: 0px;
     2563  margin: 0px auto;
     2564}
     2565.eael-pricing.style-2 .eael-pricing-item .price-tag:before {
     2566  content: "$";
     2567  position: absolute;
     2568  width: 10px;
     2569  height: 10px;
     2570  font-size: 16px;
     2571  font-weight: 700;
     2572  color: #00C853;
     2573  top: -7px;
     2574  left: -12px;
     2575  z-index: 1;
     2576}
     2577.eael-pricing.style-2 .eael-pricing-item .price-period {
     2578  color: #999;
     2579}
     2580.eael-pricing.style-2 .eael-pricing-item .body {}
     2581.eael-pricing.style-2 .eael-pricing-item .body ul {
     2582  display: block;
     2583  width: 100%;
     2584  margin-bottom: 15px;
     2585}
     2586.eael-pricing.style-2 .eael-pricing-item .body ul li {
     2587  display: block;
     2588  width: 100%;
     2589  height: auto;
     2590  padding: 10px 15px;
     2591  font-size: 14px;
     2592  color: #6d6d6d;
     2593  border-bottom: 1px solid  rgba( 9, 9, 9, .04 );
     2594}
     2595.eael-pricing.style-2 .eael-pricing-item .body ul li:last-child {
     2596  border: none;
     2597}
     2598
     2599/* Media Query */
     2600@media only screen and ( min-width: 768px ) and (max-width: 992px) {
     2601  .eael-pricing {
     2602    display: block;
     2603  }
     2604  .eael-pricing .eael-pricing-item,
     2605  .eael-pricing.style-2 .eael-pricing-item,
     2606  .eael-pricing.style-4 .eael-pricing-item {
     2607    width: 100%;
     2608    margin: 0 auto 30px auto;
     2609  }
     2610}
     2611@media only screen and (max-width: 480px) {
     2612  .eael-pricing {
     2613    display: block;
     2614  }
     2615  .eael-pricing .eael-pricing-item {
     2616    width: 100%;
     2617  }
     2618  .eael-pricing .eael-pricing-item,
     2619  .eael-pricing.style-2 .eael-pricing-item,
     2620  .eael-pricing.style-4 .eael-pricing-item {
     2621    margin: 0 auto 30px auto;
     2622  }
     2623}
     2624
     2625/* Page Builder Related Style */
     2626.eael-pricing-content-align-center .eael-pricing {
     2627  text-align: center;
     2628}
     2629.eael-pricing-content-align-left .eael-pricing {
     2630  text-align: left;
     2631}
     2632.eael-pricing-content-align-right .eael-pricing {
     2633  text-align: right;
     2634}
     2635
     2636.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag {
     2637  padding-left: 45px;
     2638}
     2639.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .price-tag:before {
     2640  left: 30px;
     2641}
     2642.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag {
     2643  padding-right: 30px;
     2644}
     2645
     2646.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .header,
     2647.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
     2648.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .footer,
     2649.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .header,
     2650.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .footer {
     2651  padding-left: 30px;
     2652  padding-right: 30px;
     2653}
     2654.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .header,
     2655.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-icon,
     2656.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .footer,
     2657.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .header,
     2658.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .footer {
     2659  padding-right: 30px;
     2660  padding-left: 30px;
     2661}
     2662.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .body ul li,
     2663.eael-pricing-content-align-left .eael-pricing.style-4 .eael-pricing-item .body ul li {
     2664  padding-left: 30px;
     2665}
     2666.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .body ul li,
     2667.eael-pricing-content-align-right .eael-pricing.style-4 .eael-pricing-item .body ul li {
     2668  padding-right: 30px;
     2669}
     2670.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item .header:after {
     2671  -webkit-transform: translateX( -80% );
     2672  transform: translateX( -80% );
     2673}
     2674.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item .header:after {
     2675  -webkit-transform: translateX( 80% );
     2676  transform: translateX( 80% );
     2677}
     2678.eael-pricing-content-align-left .eael-pricing.style-3 .eael-pricing-item:hover .header:after,
     2679.eael-pricing-content-align-right .eael-pricing.style-3 .eael-pricing-item:hover .header:after {
     2680  -webkit-transform: translateX( 0% );
     2681  transform: translateX( 0% );
     2682}
     2683.eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .header:after,
     2684.eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .header:after,
     2685.eael-pricing-content-align-left .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after,
     2686.eael-pricing-content-align-right .eael-pricing.style-1 .eael-pricing-item .eael-pricing-tag:after,
     2687.eael-pricing-content-align-left .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after,
     2688.eael-pricing-content-align-right .eael-pricing.style-2 .eael-pricing-item .eael-pricing-tag:after {
     2689  margin: 0;
     2690  width: 100%;
     2691}
     2692/* Button Alignment */
     2693.eael-pricing-button-align-right .eael-pricing.style-1 .footer,
     2694.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
     2695.eael-pricing-button-align-right .eael-pricing.style-3 .footer,
     2696.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
     2697  text-align: right;
     2698}
     2699.eael-pricing-button-align-center .eael-pricing.style-1 .footer,
     2700.eael-pricing-button-align-center .eael-pricing.style-2 .footer,
     2701.eael-pricing-button-align-center .eael-pricing.style-3 .footer,
     2702.eael-pricing-button-align-center .eael-pricing.style-4 .footer {
     2703  text-align: center;
     2704}
     2705.eael-pricing-button-align-left .eael-pricing.style-1 .footer,
     2706.eael-pricing-button-align-left .eael-pricing.style-2 .footer,
     2707.eael-pricing-button-align-left .eael-pricing.style-3 .footer,
     2708.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
     2709  text-align: left;
     2710}
     2711.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-2 .footer,
     2712.eael-pricing-content-align-center.eael-pricing-button-align-right .eael-pricing.style-4 .footer {
     2713  padding-right: 30px;
     2714}
     2715.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-2 .footer,
     2716.eael-pricing-content-align-center.eael-pricing-button-align-left .eael-pricing.style-4 .footer {
     2717  padding-left: 30px;
     2718}
     2719/* Only In Pro */
     2720.only-in-pro {
     2721  width: 100%;
     2722  -webkit-display: flex; 
     2723  display: flex;
     2724  -webkit-align-items: center;
     2725   align-items: center;
     2726   -webkit-justify-content: center;
     2727   justify-content: center;
     2728   padding: 15px;
     2729   min-width: 200px;
     2730   background: #EF5350;
     2731   color: #fff;
     2732   text-align: center;
     2733}
     2734.only-in-pro .title {
     2735  font-family: 'Roboto', sans-serif;
     2736  font-size: 24px;
     2737  line-height: 40px;
     2738  margin: 0px;
     2739}

  • essential-addons-for-elementor-lite/trunk/elements/call-to-action/call-to-action.php

    r1740124 r1746620  
    1515
    1616    public function get_icon() {
    17         return 'fa fa-paper-plane-o';
     17        return 'eicon-call-to-action';
    1818    }
    1919
    … …  
    175175            'eael_section_cta_style_settings',
    176176            [
    177                 'label' => esc_html__( 'Call to Action Styles', 'essential-addons-elementor' ),
     177                'label' => esc_html__( 'Call to Action Style', 'essential-addons-elementor' ),
    178178                'tab' => Controls_Manager::TAB_STYLE
    179179            ]
    … …  
    216216        );
    217217
    218         $this->add_control(
    219             'eael_cta_border_type',
    220             [
    221                 'label' => esc_html__( 'Border Type', 'essential-addons-elementor' ),
    222                 'type' => Controls_Manager::SELECT,
    223                 'default' => 'none',
    224                 'options' => [
    225                     'none'  => esc_html__( 'None', 'essential-addons-elementor' ),
    226                     'solid'     => esc_html__( 'Solid', 'essential-addons-elementor' ),
    227                     'dashed' => esc_html__( 'Dashed', 'essential-addons-elementor' ),
    228                     'dotted' => esc_html__( 'Dotted', 'essential-addons-elementor' ),
    229                     'double' => esc_html__( 'Double', 'essential-addons-elementor' ),
    230                 ],
    231                 'selectors' => [
    232                         '{{WRAPPER}} .eael-call-to-action' => 'border-style: {{VALUE}};',
    233                 ],
    234             ]
    235         );
    236 
    237         $this->add_control(
    238             'eael_cta_border_thickness',
    239             [
    240                 'label' => esc_html__( 'Border Size', 'essential-addons-elementor' ),
    241                 'type' => Controls_Manager::SLIDER,
    242                 'range' => [
    243                     'px' => [
    244                         'max' => 50,
    245                     ],
    246                 ],
    247                 'selectors' => [
    248                     '{{WRAPPER}} .eael-call-to-action' => 'border-width: {{SIZE}}px;',
    249                 ],
     218        $this->add_group_control(
     219            Group_Control_Border::get_type(),
     220            [
     221                'name' => 'eael_cta_border',
     222                'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
     223                'selector' => '{{WRAPPER}} .eael-call-to-action',
    250224            ]
    251225        );
    … …  
    265239                ],
    266240            ]
    267         );
    268 
    269         $this->add_control(
    270             'eael_cta_border_color',
    271             [
    272                 'label' => esc_html__( 'Border Color', 'essential-addons-elementor' ),
    273                 'type' => Controls_Manager::COLOR,
    274                 'default' => '',
    275                 'separator' => 'after',
    276                 'selectors' => [
    277                     '{{WRAPPER}} .eael-call-to-action' => 'border-color: {{VALUE}};',
    278                 ],
    279             ]
    280 
    281241        );
    282242
    … …  
    300260            'eael_section_cta_title_style_settings',
    301261            [
    302                 'label' => esc_html__( 'Title Typography &amp; Color', 'essential-addons-elementor' ),
     262                'label' => esc_html__( 'Color &amp; Typography ', 'essential-addons-elementor' ),
    303263                'tab' => Controls_Manager::TAB_STYLE
    304264            ]
    305265        );
    306266
    307         $this->add_group_control(
    308             Group_Control_Typography::get_type(),
    309             [
    310              'name' => 'eael_cta_title_typography',
    311                 'selector' => '{{WRAPPER}} .eael-call-to-action .title',
     267        $this->add_control(
     268            'eael_cta_title_heading',
     269            [
     270                'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ),
     271                'type' => Controls_Manager::HEADING,
    312272            ]
    313273        );
    … …  
    325285        );
    326286
    327         $this->end_controls_section();
    328 
    329         /**
    330          * -------------------------------------------
    331          * Tab Style (Cta Content Style)
    332          * -------------------------------------------
    333          */
    334         $this->start_controls_section(
    335             'eael_section_cta_content_style_settings',
    336             [
    337                 'label' => esc_html__( 'Content Typography &amp; Color', 'essential-addons-elementor' ),
    338                 'tab' => Controls_Manager::TAB_STYLE
    339             ]
    340         );
    341        
    342287        $this->add_group_control(
    343288            Group_Control_Typography::get_type(),
    344289            [
    345              'name' => 'eael_cta_content_typography',
    346                 'selector' => '{{WRAPPER}} .eael-call-to-action p',
     290             'name' => 'eael_cta_title_typography',
     291                'selector' => '{{WRAPPER}} .eael-call-to-action .title',
     292            ]
     293        );
     294
     295        $this->add_control(
     296            'eael_cta_content_heading',
     297            [
     298                'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ),
     299                'type' => Controls_Manager::HEADING,
     300                'separator' => 'before'
    347301            ]
    348302        );
    … …  
    360314        );
    361315
     316        $this->add_group_control(
     317            Group_Control_Typography::get_type(),
     318            [
     319             'name' => 'eael_cta_content_typography',
     320                'selector' => '{{WRAPPER}} .eael-call-to-action p',
     321            ]
     322        );
     323
    362324        $this->end_controls_section();
    363325
    364326        /**
    365327         * -------------------------------------------
    366          * Tab Style (Buttont Style)
     328         * Tab Style (Button Style)
    367329         * -------------------------------------------
    368330         */
    … …  
    449411            );
    450412
    451             $this->add_control(
    452                 'eael_cta_btn_border_type',
    453                 [
    454                     'label' => esc_html__( 'Border Type', 'essential-addons-elementor' ),
    455                     'type' => Controls_Manager::SELECT,
    456                     'default' => 'none',
    457                     'options' => [
    458                         'none'  => esc_html__( 'None', 'essential-addons-elementor' ),
    459                         'solid'     => esc_html__( 'Solid', 'essential-addons-elementor' ),
    460                         'dashed' => esc_html__( 'Dashed', 'essential-addons-elementor' ),
    461                         'dotted' => esc_html__( 'Dotted', 'essential-addons-elementor' ),
    462                         'double' => esc_html__( 'Double', 'essential-addons-elementor' ),
    463                     ],
    464                     'selectors' => [
    465                             '{{WRAPPER}} .eael-call-to-action .cta-button' => 'border-style: {{VALUE}};',
    466                     ],
    467                 ]
    468             );
    469 
    470             $this->add_control(
    471                 'eael_cta_btn_border_thickness',
    472                 [
    473                     'label' => esc_html__( 'Border Size', 'essential-addons-elementor' ),
    474                     'type' => Controls_Manager::SLIDER,
    475                     'range' => [
    476                         'px' => [
    477                             'max' => 50,
    478                         ],
    479                     ],
    480                     'selectors' => [
    481                         '{{WRAPPER}} .eael-call-to-action .cta-button' => 'border-width: {{SIZE}}px;',
    482                     ],
     413            $this->add_group_control(
     414                Group_Control_Border::get_type(),
     415                [
     416                    'name' => 'eael_cat_btn_normal_border',
     417                    'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
     418                    'selector' => '{{WRAPPER}} .eael-call-to-action .cta-button',
    483419                ]
    484420            );
    … …  
    498434                    ],
    499435                ]
    500             );
    501 
    502             $this->add_control(
    503                 'eael_cta_btn_normal_border_color',
    504                 [
    505                     'label' => esc_html__( 'Border Color', 'essential-addons-elementor' ),
    506                     'type' => Controls_Manager::COLOR,
    507                     'default' => '',
    508                     'selectors' => [
    509                         '{{WRAPPER}} .eael-call-to-action .cta-button' => 'border-color: {{VALUE}};',
    510                     ],
    511                 ]
    512 
    513436            );
    514437
    … …  
    583506        }else if( 'cta-bg-img-fixed' == $settings['eael_cta_color_type'] ) {
    584507            $cta_class = 'bg-img bg-fixed';
     508        }else {
     509            $cta_class = '';
    585510        }
    586511        // Is Basic Cta Content Center or Not

  • essential-addons-for-elementor-lite/trunk/elements/dual-color-header/dual-color-header.php

    r1740124 r1746620  
    1111
    1212    public function get_title() {
    13         return esc_html__( 'EA Dual Color Header', 'essential-addons-elementor' );
     13        return esc_html__( 'EA Dual Color Heading', 'essential-addons-elementor' );
    1414    }
    1515
    1616    public function get_icon() {
    17         return 'fa fa-header';
     17        return 'eicon-animated-headline';
    1818    }
    1919
    … …  
    157157            'eael_section_dch_style_settings',
    158158            [
    159                 'label' => esc_html__( 'Dual Heading Styles', 'essential-addons-elementor' ),
     159                'label' => esc_html__( 'Dual Heading Style', 'essential-addons-elementor' ),
    160160                'tab' => Controls_Manager::TAB_STYLE
    161161            ]
    … …  
    198198        );
    199199
    200         $this->add_control(
    201             'eael_dch_border_type',
    202             [
    203                 'label' => esc_html__( 'Border Type', 'essential-addons-elementor' ),
    204                 'type' => Controls_Manager::SELECT,
    205                 'default' => 'none',
    206                 'options' => [
    207                     'none'  => esc_html__( 'None', 'essential-addons-elementor' ),
    208                     'solid'     => esc_html__( 'Solid', 'essential-addons-elementor' ),
    209                     'dashed' => esc_html__( 'Dashed', 'essential-addons-elementor' ),
    210                     'dotted' => esc_html__( 'Dotted', 'essential-addons-elementor' ),
    211                     'double' => esc_html__( 'Double', 'essential-addons-elementor' ),
    212                 ],
    213                 'selectors' => [
    214                         '{{WRAPPER}} .eael-dual-header' => 'border-style: {{VALUE}};',
    215                 ],
    216             ]
    217         );
    218 
    219         $this->add_control(
    220             'eael_dch_border_thickness',
    221             [
    222                 'label' => esc_html__( 'Border Size', 'essential-addons-elementor' ),
    223                 'type' => Controls_Manager::SLIDER,
    224                 'range' => [
    225                     'px' => [
    226                         'max' => 50,
    227                     ],
    228                 ],
    229                 'selectors' => [
    230                     '{{WRAPPER}} .eael-dual-header' => 'border-width: {{SIZE}}px;',
    231                 ],
     200        $this->add_group_control(
     201            Group_Control_Border::get_type(),
     202            [
     203                'name' => 'eael_dch_border',
     204                'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
     205                'selector' => '{{WRAPPER}} .eael-dual-header',
    232206            ]
    233207        );
    … …  
    247221                ],
    248222            ]
    249         );
    250 
    251         $this->add_control(
    252             'eael_dch_border_color',
    253             [
    254                 'label' => esc_html__( 'Border Color', 'essential-addons-elementor' ),
    255                 'type' => Controls_Manager::COLOR,
    256                 'default' => '',
    257                 'separator' => 'after',
    258                 'selectors' => [
    259                     '{{WRAPPER}} .eael-dual-header' => 'border-color: {{VALUE}};',
    260                 ],
    261             ]
    262 
    263223        );
    264224
    … …  
    332292            'eael_section_dch_title_style_settings',
    333293            [
    334                 'label' => esc_html__( 'Title Style &amp; Typography', 'essential-addons-elementor' ),
     294                'label' => esc_html__( 'Color &amp; Typography', 'essential-addons-elementor' ),
    335295                'tab' => Controls_Manager::TAB_STYLE,
    336                 'condition' => [
    337                     'eael_show_dch_icon_content' => 'yes'
    338                 ]
    339             ]
    340         );
    341 
    342         $this->add_group_control(
    343             Group_Control_Typography::get_type(),
    344             [
    345             'name' => 'eael_dch_first_title_typography',
    346                 'selector' => '{{WRAPPER}} .eael-dual-header .title, .eael-dual-header .title span.lead',
     296            ]
     297        );
     298
     299        $this->add_control(
     300            'eael_dch_title_heading',
     301            [
     302                'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ),
     303                'type' => Controls_Manager::HEADING,
    347304            ]
    348305        );
    … …  
    367324                'default' => '#1abc9c',
    368325                'selectors' => [
    369                     '{{WRAPPER}} .eael-dual-header.dh-colored .title span.lead, .eael-dual-header.dh-colored-reverse .title span.lead' => 'color: {{VALUE}};',
    370                 ],
    371             ]
    372         );
    373 
    374         $this->end_controls_section();
    375 
    376         /**
    377          * -------------------------------------------
    378          * Tab Style (Subtext Style)
    379          * -------------------------------------------
    380          */
    381         $this->start_controls_section(
    382             'eael_section_dch_subtext_style_settings',
    383             [
    384                 'label' => esc_html__( 'Subtext Style &amp; Typography', 'essential-addons-elementor' ),
    385                 'tab' => Controls_Manager::TAB_STYLE,
     326                    '{{WRAPPER}} .eael-dual-header.dh-colored .title span.lead, {{WRAPPER}} .eael-dual-header.dh-colored-reverse .title span.lead' => 'color: {{VALUE}};',
     327                ],
    386328            ]
    387329        );
    … …  
    390332            Group_Control_Typography::get_type(),
    391333            [
    392             'name' => 'eael_dch_subtext_typography',
    393                 'selector' => '{{WRAPPER}} .eael-dual-header .subtext',
     334            'name' => 'eael_dch_first_title_typography',
     335                'selector' => '{{WRAPPER}} .eael-dual-header .title, .eael-dual-header .title span.lead',
     336            ]
     337        );
     338
     339        $this->add_control(
     340            'eael_dch_sub_title_heading',
     341            [
     342                'label' => esc_html__( 'Sub-title Style ', 'essential-addons-elementor' ),
     343                'type' => Controls_Manager::HEADING,
     344                'separator' => 'before'
    394345            ]
    395346        );
    … …  
    404355                    '{{WRAPPER}} .eael-dual-header .subtext' => 'color: {{VALUE}};',
    405356                ],
     357            ]
     358        );
     359
     360        $this->add_group_control(
     361            Group_Control_Typography::get_type(),
     362            [
     363            'name' => 'eael_dch_subtext_typography',
     364                'selector' => '{{WRAPPER}} .eael-dual-header .subtext',
    406365            ]
    407366        );

  • essential-addons-for-elementor-lite/trunk/elements/flipbox/flipbox.php

    r1740124 r1746620  
    1515
    1616    public function get_icon() {
    17         return 'fa fa-newspaper-o';
     17        return 'eicon-flip-box';
    1818    }
    1919
    … …  
    3939            'label'         => esc_html__( 'Flipbox Type', 'essential-addons-elementor' ),
    4040                'type'          => Controls_Manager::SELECT,
    41                 'default'       => 'vf-right-to-left',
     41                'default'       => 'animate-left',
    4242                'label_block'   => false,
    4343                'options'       => [
    44                     'vf-left-to-right'      => esc_html__( 'Vertical Flip ( Left to Right )', 'essential-addons-elementor' ),
    45                     'vf-right-to-left'  => esc_html__( 'Vertical Flip ( Right to Left )', 'essential-addons-elementor' ),
    46                     'hf-top-to-bottom'  => esc_html__( 'Horizontal Flip ( Top to Bottom )', 'essential-addons-elementor' ),
    47                     'hf-bottom-to-top'  => esc_html__( 'Horizontal Flip ( Bottom to Top )', 'essential-addons-elementor' ),
     44                    'animate-left'          => esc_html__( 'Flip Left', 'essential-addons-elementor' ),
     45                    'animate-right'         => esc_html__( 'Flip Right', 'essential-addons-elementor' ),
     46                    'animate-up'            => esc_html__( 'Flip Top', 'essential-addons-elementor' ),
     47                    'animate-down'      => esc_html__( 'Flip Bottom', 'essential-addons-elementor' ),
     48                    'animate-zoom-in'   => esc_html__( 'Zoom In', 'essential-addons-elementor' ),
     49                    'animate-zoom-out'  => esc_html__( 'Zoom Out', 'essential-addons-elementor' ),
    4850                ],
    4951            ]
    … …  
    5355            'eael_flipbox_img_or_icon',
    5456            [
    55                 'label' => esc_html__( 'Image Or Icon', 'essential-addons-elementor' ),
     57                'label' => esc_html__( 'Image or Icon', 'essential-addons-elementor' ),
    5658                'type' => Controls_Manager::CHOOSE,
    5759                'label_block' => true,
    … …  
    6668                    ],
    6769                ],
    68                 'default' => 'img',
     70                'default' => 'icon',
    6971            ]
    7072        );
    … …  
    8385                    'eael_flipbox_img_or_icon' => 'img'
    8486                ]
     87            ]
     88        );
     89
     90        $this->add_control(
     91            'eael_flipbox_image_resizer',
     92            [
     93                'label' => esc_html__( 'Image Resizer', 'essential-addons-elementor' ),
     94                'type' => Controls_Manager::SLIDER,
     95                'default' => [
     96                    'size' => '100'
     97                ],
     98                'range' => [
     99                    'px' => [
     100                        'max' => 500,
     101                    ],
     102                ],
     103                'selectors' => [
     104                    '{{WRAPPER}} .eael-elements-flip-box-icon-image img' => 'width: {{SIZE}}px;',
     105                ],
    85106            ]
    86107        );
    … …  
    226247        /**
    227248         * -------------------------------------------
    228          * Tab Style (Info Box Style)
     249         * Tab Style (Flipbox Style)
    229250         * -------------------------------------------
    230251         */
    … …  
    232253            'eael_section_flipbox_style_settings',
    233254            [
    234                 'label' => esc_html__( 'Filp Box Styles', 'essential-addons-elementor' ),
     255                'label' => esc_html__( 'Filp Box Style', 'essential-addons-elementor' ),
    235256                'tab' => Controls_Manager::TAB_STYLE
    236257            ]
    … …  
    244265                'default' => '#14bcc8',
    245266                'selectors' => [
    246                     '{{WRAPPER}} .eael-flipbox .eael-vertical-flip .front' => 'background: {{VALUE}};',
    247                     '{{WRAPPER}} .eael-flipbox .eael-horizontal-flip .front' => 'background: {{VALUE}};',
     267                    '{{WRAPPER}} .eael-elements-flip-box-front-container' => 'background: {{VALUE}};',
    248268                ],
    249269            ]
    … …  
    257277                'default' => '#ff7e70',
    258278                'selectors' => [
    259                     '{{WRAPPER}} .eael-flipbox .eael-vertical-flip .back' => 'background: {{VALUE}};',
    260                     '{{WRAPPER}} .eael-flipbox .eael-horizontal-flip .back' => 'background: {{VALUE}};',
     279                    '{{WRAPPER}} .eael-elements-flip-box-rear-container' => 'background: {{VALUE}};',
    261280                ],
    262281            ]
    … …  
    270289                'size_units' => [ 'px', 'em', '%' ],
    271290                'selectors' => [
    272                         '{{WRAPPER}} .eael-flipbox' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     291                        '{{WRAPPER}} .eael-elements-progression-flip-box-container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    273292                ],
    274293            ]
    … …  
    278297            'eael_flipbox_front_back_padding',
    279298            [
    280                 'label' => esc_html__( 'Fornt / Back Padding', 'essential-addons-elementor' ),
     299                'label' => esc_html__( 'Fornt / Back Content Padding', 'essential-addons-elementor' ),
    281300                'type' => Controls_Manager::DIMENSIONS,
    282301                'size_units' => [ 'px', 'em', '%' ],
    283302                'selectors' => [
    284                         '{{WRAPPER}} .eael-flipbox .front' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    285                         '{{WRAPPER}} .eael-flipbox .back' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     303                        '{{WRAPPER}} .eael-elements-flip-box-front-container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     304                        '{{WRAPPER}} .eael-elements-flip-box-rear-container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    286305                ],
    287306            ]
    … …  
    295314                'size_units' => [ 'px', 'em', '%' ],
    296315                'selectors' => [
    297                         '{{WRAPPER}} .eael-flipbox .front' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    298                         '{{WRAPPER}} .eael-flipbox .back' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     316                        '{{WRAPPER}} .eael-elements-progression-flip-box-container' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    299317                ],
    300318            ]
    301319        );
    302320
    303         $this->add_control(
    304             'eael_flipbox_border_type',
    305             [
    306                 'label' => esc_html__( 'Border Type', 'essential-addons-elementor' ),
    307                 'type' => Controls_Manager::SELECT,
    308                 'default' => 'none',
    309                 'options' => [
    310                     'none'  => esc_html__( 'None', 'essential-addons-elementor' ),
    311                     'solid'     => esc_html__( 'Solid', 'essential-addons-elementor' ),
    312                     'dashed' => esc_html__( 'Dashed', 'essential-addons-elementor' ),
    313                     'dotted' => esc_html__( 'Dotted', 'essential-addons-elementor' ),
    314                     'double' => esc_html__( 'Double', 'essential-addons-elementor' ),
    315                 ],
    316                 'selectors' => [
    317                         '{{WRAPPER}} .eael-flipbox .front' => 'border-style: {{VALUE}};',
    318                         '{{WRAPPER}} .eael-flipbox .back' => 'border-style: {{VALUE}};',
    319                 ],
    320             ]
    321         );
    322 
    323         $this->add_control(
    324             'eael_flipbox_border_thickness',
    325             [
    326                 'label' => esc_html__( 'Border Size', 'essential-addons-elementor' ),
     321        $this->add_group_control(
     322            Group_Control_Border::get_type(),
     323                [
     324                    'name' => 'eael_filbpox_border',
     325                    'label' => esc_html__( 'Border Style', 'essential-addons-elementor' ),
     326                    'selectors' => ['{{WRAPPER}} .eael-elements-flip-box-front-container', '{{WRAPPER}} .eael-elements-flip-box-rear-container'],
     327                ]
     328        );
     329
     330        $this->add_control(
     331            'eael_flipbox_border_radius',
     332            [
     333                'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
    327334                'type' => Controls_Manager::SLIDER,
    328335                'range' => [
    … …  
    332339                ],
    333340                'selectors' => [
    334                     '{{WRAPPER}} .eael-flipbox .front' => 'border-width: {{SIZE}}px;',
    335                     '{{WRAPPER}} .eael-flipbox .back' => 'border-width: {{SIZE}}px;',
    336                 ],
    337             ]
    338         );
    339 
    340         $this->add_control(
    341             'eael_flipbox_border_radius',
     341                    '{{WRAPPER}} .eael-elements-progression-flip-box-container' => 'border-radius: {{SIZE}}px;',
     342                ],
     343            ]
     344        );
     345
     346        $this->add_group_control(
     347            Group_Control_Box_Shadow::get_type(),
     348            [
     349                'name' => 'eael_flipbox_shadow',
     350                'selector' => '{{WRAPPER}} .eael-elements-progression-flip-box-container',
     351            ]
     352        );
     353
     354        $this->end_controls_section();
     355
     356        /**
     357         * -------------------------------------------
     358         * Tab Style (Flip Box Image)
     359         * -------------------------------------------
     360         */
     361        $this->start_controls_section(
     362            'eael_section_flipbox_imgae_style_settings',
     363            [
     364                'label' => esc_html__( 'Image Style', 'essential-addons-elementor' ),
     365                'tab' => Controls_Manager::TAB_STYLE,
     366                'condition' => [
     367                    'eael_flipbox_img_or_icon' => 'img'
     368                ]
     369            ]
     370        );
     371
     372        $this->add_control(
     373          'eael_flipbox_img_type',
     374            [
     375            'label'         => esc_html__( 'Image Type', 'essential-addons-elementor' ),
     376                'type'          => Controls_Manager::SELECT,
     377                'default'       => 'default',
     378                'label_block'   => false,
     379                'options'       => [
     380                    'circle'    => esc_html__( 'Circle', 'essential-addons-elementor' ),
     381                    'radius'    => esc_html__( 'Radius', 'essential-addons-elementor' ),
     382                    'default'   => esc_html__( 'Default', 'essential-addons-elementor' ),
     383                ],
     384                'prefix_class' => 'eael-flipbox-img-',
     385                'condition' => [
     386                    'eael_flipbox_img_or_icon' => 'img'
     387                ]
     388            ]
     389        );
     390
     391        /**
     392         * Condition: 'eael_flipbox_img_type' => 'radius'
     393         */
     394        $this->add_control(
     395            'eael_filpbox_img_border_radius',
    342396            [
    343397                'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
    … …  
    345399                'range' => [
    346400                    'px' => [
    347                         'max' => 500,
    348                     ],
    349                 ],
    350                 'selectors' => [
    351                     '{{WRAPPER}} .eael-flipbox .front' => 'border-radius: {{SIZE}}px;',
    352                     '{{WRAPPER}} .eael-flipbox .back' => 'border-radius: {{SIZE}}px;',
    353                 ],
    354             ]
    355         );
    356 
    357         $this->add_control(
    358             'eael_flipbox_border_color',
    359             [
    360                 'label' => esc_html__( 'Border Color', 'essential-addons-elementor' ),
    361                 'type' => Controls_Manager::COLOR,
    362                 'default' => '',
    363                 'separator' => 'after',
    364                 'selectors' => [
    365                     '{{WRAPPER}} .eael-flipbox .front' => 'border-color: {{VALUE}};',
    366                     '{{WRAPPER}} .eael-flipbox .back' => 'border-color: {{VALUE}};',
    367                 ],
    368             ]
    369 
    370         );
    371 
    372         $this->add_group_control(
    373             Group_Control_Box_Shadow::get_type(),
    374             [
    375                 'name' => 'eael_flipbox_shadow',
    376                 'selector' => '{{WRAPPER}} .eael-flipbox',
    377             ]
    378         );
    379 
    380         $this->end_controls_section();
    381 
    382         /**
    383          * -------------------------------------------
    384          * Tab Style (Flip Box Image)
    385          * -------------------------------------------
    386          */
    387         $this->start_controls_section(
    388             'eael_section_flipbox_imgae_style_settings',
    389             [
    390                 'label' => esc_html__( 'Image Style', 'essential-addons-elementor' ),
    391                 'tab' => Controls_Manager::TAB_STYLE,
    392                 'condition' => [
    393                     'eael_flipbox_img_or_icon' => 'img'
    394                 ]
    395             ]
    396         );
    397 
    398         $this->add_control(
    399           'eael_flipbox_img_shape',
    400             [
    401             'label'         => esc_html__( 'Image Shape', 'essential-addons-elementor' ),
    402                 'type'          => Controls_Manager::SELECT,
    403                 'default'       => 'circle',
    404                 'label_block'   => false,
    405                 'options'       => [
    406                     'square'    => esc_html__( 'Square', 'essential-addons-elementor' ),
    407                     'circle'    => esc_html__( 'Circle', 'essential-addons-elementor' ),
    408                     'radius'    => esc_html__( 'Radius', 'essential-addons-elementor' ),
    409                 ],
    410                 'prefix_class' => 'eael-flipbox-shape-',
    411                 'condition' => [
    412                     'eael_flipbox_img_or_icon' => 'img'
    413                 ]
    414             ]
     401                        'max' => 100,
     402                    ],
     403                ],
     404                'selectors' => [
     405                    '{{WRAPPER}} .eael-elements-flip-box-icon-image img' => 'border-radius: {{SIZE}}px;',
     406                ],
     407                'condition' => [
     408                    'eael_flipbox_img_or_icon' => 'img',
     409                    'eael_flipbox_img_type' => 'radius'
     410                ]
     411            ]
    415412        );
    416413
    … …  
    433430        );
    434431
    435         $this->add_control(
    436             'eael_flipbox_icon_size',
    437             [
    438                 'label' => __( 'Icon Size', 'essential-addons-elementor' ),
    439             'type' => Controls_Manager::SLIDER,
    440                 'default' => [
    441                 'size' => 80,
    442                 ],
    443                 'range' => [
    444                 'px' => [
    445                     'min' => 20,
    446                     'max' => 120,
    447                     'step' => 1,
    448                 ]
    449                 ],
    450                 'selectors' => [
    451                 '{{WRAPPER}} .eael-vertical-flip .front .content i' => 'font-size: {{SIZE}}px;',
    452                 '{{WRAPPER}} .eael-horizontal-flip .front .content i' => 'font-size: {{SIZE}}px;',
    453                 ],
    454             ]
    455         );
    456 
    457         $this->add_control(
    458             'eael_flipbox_icon_color',
    459             [
    460                 'label' => esc_html__( 'Icon Color', 'essential-addons-elementor' ),
    461                 'type' => Controls_Manager::COLOR,
    462                 'default' => '#fff',
    463                 'selectors' => [
    464                     '{{WRAPPER}} .eael-vertical-flip .front .content i' => 'color: {{VALUE}};',
    465                     '{{WRAPPER}} .eael-horizontal-flip .front .content i' => 'color: {{VALUE}};',
    466                 ],
     432        $this->add_group_control(
     433            Group_Control_Border::get_type(),
     434                [
     435                    'name' => 'eael_flipbox_border',
     436                    'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
     437                    'selector' => '{{WRAPPER}} .eael-elements-flip-box-icon-image',
     438                    'condition' => [
     439                        'eael_flipbox_img_or_icon' => 'icon'
     440                    ]
     441                ]
     442        );
     443
     444        $this->add_control(
     445            'eael_flipbox_icon_border_padding',
     446            [
     447                'label' => esc_html__( 'Border Padding', 'essential-addons-elementor' ),
     448                'type' => Controls_Manager::SLIDER,
     449                'range' => [
     450                    'px' => [
     451                        'max' => 100,
     452                    ],
     453                ],
     454                'selectors' => [
     455                    '{{WRAPPER}} .eael-elements-flip-box-icon-image' => 'padding: {{SIZE}}px;',
     456                ],
     457                'condition' => [
     458                    'eael_flipbox_img_or_icon' => 'icon'
     459                ]
     460            ]
     461        );
     462
     463        $this->add_control(
     464            'eael_flipbox_icon_border_radius',
     465            [
     466                'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
     467                'type' => Controls_Manager::SLIDER,
     468                'range' => [
     469                    'px' => [
     470                        'max' => 50,
     471                    ],
     472                ],
     473                'selectors' => [
     474                    '{{WRAPPER}} .eael-elements-flip-box-icon-image' => 'border-radius: {{SIZE}}px;',
     475                ],
     476                'condition' => [
     477                    'eael_flipbox_img_or_icon' => 'icon'
     478                ]
    467479            ]
    468480        );
    … …  
    478490            'eael_section_flipbox_title_style_settings',
    479491            [
    480                 'label' => esc_html__( 'Title Typography &amp; Color', 'essential-addons-elementor' ),
     492                'label' => esc_html__( 'Color &amp; Typography', 'essential-addons-elementor' ),
    481493                'tab' => Controls_Manager::TAB_STYLE
    482494            ]
    … …  
    484496
    485497        $this->add_responsive_control(
    486             'eael_flipbox_front_or_back_title_typo',
    487             [
    488                 'label' => esc_html__( 'Front or Back Title', 'essential-addons-elementor' ),
    489                 'type' => Controls_Manager::CHOOSE,
    490                 'label_block' => true,
    491                 'options' => [
    492                     'front' => [
    493                         'title' => esc_html__( 'Front Title', 'essential-addons-elementor' ),
    494                         'icon' => 'fa fa-reply',
    495                     ],
    496                     'back' => [
    497                         'title' => esc_html__( 'Back Title', 'essential-addons-elementor' ),
    498                         'icon' => 'fa fa-share',
    499                     ],
    500                 ],
    501                 'default' => 'front',
    502             ]
    503         );
    504         /**
    505          * Condition: 'eael_flipbox_front_or_back_title_typo' => 'front'
    506          */
    507         $this->add_group_control(
    508             Group_Control_Typography::get_type(),
    509             [
    510             'name' => 'eael_flipbox_front_title_typography',
    511                 'selector' => '{{WRAPPER}} .eael-flipbox .front .content .title',
    512                 'condition' => [
    513                     'eael_flipbox_front_or_back_title_typo' => 'front'
    514                 ]
    515             ]
    516         );
    517 
    518         $this->add_control(
    519             'eael_flipbox_front_title_color',
    520             [
    521                 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
    522                 'type' => Controls_Manager::COLOR,
    523                 'default' => '#fff',
    524                 'selectors' => [
    525                     '{{WRAPPER}} .eael-flipbox .front .content .title' => 'color: {{VALUE}};',
    526                 ],
    527                 'condition' => [
    528                     'eael_flipbox_front_or_back_title_typo' => 'front'
    529                 ]
    530             ]
    531         );
    532         /**
    533          * Condition: 'eael_flipbox_front_or_back_title_typo' => 'back'
    534          */
    535         $this->add_group_control(
    536             Group_Control_Typography::get_type(),
    537             [
    538             'name' => 'eael_flipbox_back_title_typography',
    539                 'selector' => '{{WRAPPER}} .eael-flipbox .back .content .title',
    540                 'condition' => [
    541                     'eael_flipbox_front_or_back_title_typo' => 'back'
    542                 ]
    543             ]
    544         );
    545 
    546         $this->add_control(
    547             'eael_flipbox_back_title_color',
    548             [
    549                 'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
    550                 'type' => Controls_Manager::COLOR,
    551                 'default' => '#fff',
    552                 'selectors' => [
    553                     '{{WRAPPER}} .eael-flipbox .back .content .title' => 'color: {{VALUE}};',
    554                 ],
    555                 'condition' => [
    556                     'eael_flipbox_front_or_back_title_typo' => 'back'
    557                 ]
    558             ]
    559         );
    560 
    561         $this->end_controls_section();
    562 
    563         /**
    564          * -------------------------------------------
    565          * Tab Style (Flip Box Content Style)
    566          * -------------------------------------------
    567          */
    568         $this->start_controls_section(
    569             'eael_section_flipbox_content_style_settings',
    570             [
    571                 'label' => esc_html__( 'Content Typography &amp; Color', 'essential-addons-elementor' ),
    572                 'tab' => Controls_Manager::TAB_STYLE
    573             ]
    574         );
    575 
    576         $this->add_responsive_control(
    577             'eael_flipbox_front_or_back_typography',
    578             [
    579                 'label' => esc_html__( 'Front or Back Content', 'essential-addons-elementor' ),
     498            'eael_flipbox_front_back_content_toggler',
     499            [
     500                'label' => esc_html__( 'Front or Rear Content', 'essential-addons-elementor' ),
    580501                'type' => Controls_Manager::CHOOSE,
    581502                'label_block' => true,
    … …  
    583504                    'front' => [
    584505                        'title' => esc_html__( 'Front Content', 'essential-addons-elementor' ),
    585                         'icon' => 'fa fa-reply',
     506                        'icon' => 'fa fa-arrow-left',
    586507                    ],
    587508                    'back' => [
    588                         'title' => esc_html__( 'Back Content', 'essential-addons-elementor' ),
    589                         'icon' => 'fa fa-share',
     509                        'title' => esc_html__( 'Rear Content', 'essential-addons-elementor' ),
     510                        'icon' => 'fa fa-arrow-right',
    590511                    ],
    591512                ],
    … …  
    593514            ]
    594515        );
    595 
    596         /**
    597          * Condition: 'eael_flipbox_front_or_back_typography' => 'front'
    598          */
    599         $this->add_group_control(
    600             Group_Control_Typography::get_type(),
    601             [
    602             'name' => 'eael_flipbox_front_content_typography',
    603                 'selector' => '{{WRAPPER}} .eael-flipbox .front .content',
    604                 'condition' => [
    605                     'eael_flipbox_front_or_back_typography' => 'front'
    606                 ]
    607             ]
    608         );
    609 
    610         $this->add_control(
    611             'eael_flipbox_front_content_color',
     516       
     517        $this->add_control(
     518            'eael_flipbox_front_title_heading',
     519            [
     520                'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ),
     521                'type' => Controls_Manager::HEADING,
     522            ]
     523        );
     524        /**
     525         * Condition: 'eael_flipbox_front_back_content_toggler' => 'front'
     526         */
     527        $this->add_control(
     528            'eael_flipbox_front_title_color',
    612529            [
    613530                'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
    … …  
    615532                'default' => '#fff',
    616533                'selectors' => [
    617                     '{{WRAPPER}} .eael-flipbox .front .content' => 'color: {{VALUE}};',
    618                 ],
    619                 'condition' => [
    620                     'eael_flipbox_front_or_back_typography' => 'front'
    621                 ]
    622             ]
    623         );
    624 
    625         /**
    626          * Condition: 'eael_flipbox_front_or_back_typography' => 'back'
    627          */
    628         $this->add_group_control(
    629             Group_Control_Typography::get_type(),
    630             [
    631             'name' => 'eael_flipbox_back_content_typography',
    632                 'selector' => '{{WRAPPER}} .eael-flipbox .back .content',
    633                 'condition' => [
    634                     'eael_flipbox_front_or_back_typography' => 'back'
    635                 ]
    636             ]
    637         );
    638 
    639         $this->add_control(
    640             'eael_flipbox_back_content_color',
     534                    '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-heading' => 'color: {{VALUE}};',
     535                ],
     536                'condition' => [
     537                    'eael_flipbox_front_back_content_toggler' => 'front'
     538                ]
     539            ]
     540        );
     541
     542        /**
     543         * Condition: 'eael_flipbox_front_back_content_toggler' => 'back'
     544         */
     545        $this->add_control(
     546            'eael_flipbox_back_title_color',
    641547            [
    642548                'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
    … …  
    644550                'default' => '#fff',
    645551                'selectors' => [
    646                     '{{WRAPPER}} .eael-flipbox .back .content' => 'color: {{VALUE}};',
    647                 ],
    648                 'condition' => [
    649                     'eael_flipbox_front_or_back_typography' => 'back'
     552                    '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-heading' => 'color: {{VALUE}};',
     553                ],
     554                'condition' => [
     555                    'eael_flipbox_front_back_content_toggler' => 'back'
     556                ]
     557            ]
     558        );
     559
     560        /**
     561         * Condition: 'eael_flipbox_front_back_content_toggler' => 'front'
     562         */
     563        $this->add_group_control(
     564            Group_Control_Typography::get_type(),
     565            [
     566                'name' => 'eael_flipbox_front_title_typography',
     567                'selector' => '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-heading',
     568                'condition' => [
     569                    'eael_flipbox_front_back_content_toggler' => 'front'
     570                ],
     571            ]
     572        );
     573
     574        /**
     575         * Condition: 'eael_flipbox_front_back_content_toggler' => 'back'
     576         */
     577        $this->add_group_control(
     578            Group_Control_Typography::get_type(),
     579            [
     580                'name' => 'eael_flipbox_back_title_typography',
     581                'selector' => '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-heading',
     582                'condition' => [
     583                    'eael_flipbox_front_back_content_toggler' => 'back'
     584                ],
     585            ]
     586        );
     587
     588        /**
     589         * Content
     590         */
     591        $this->add_control(
     592            'eael_flipbox_content_heading',
     593            [
     594                'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ),
     595                'type' => Controls_Manager::HEADING,
     596                'separator' => 'before'
     597            ]
     598        );
     599
     600        /**
     601         * Condition: 'eael_flipbox_front_back_content_toggler' => 'front'
     602         */
     603        $this->add_control(
     604            'eael_flipbox_front_content_color',
     605            [
     606                'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
     607                'type' => Controls_Manager::COLOR,
     608                'default' => '#fff',
     609                'selectors' => [
     610                    '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-content' => 'color: {{VALUE}};',
     611                ],
     612                'condition' => [
     613                    'eael_flipbox_front_back_content_toggler' => 'front'
     614                ]
     615            ]
     616        );
     617
     618        /**
     619         * Condition: 'eael_flipbox_front_back_content_toggler' => 'back'
     620         */
     621        $this->add_control(
     622            'eael_flipbox_back_content_color',
     623            [
     624                'label' => esc_html__( 'Color', 'essential-addons-elementor' ),
     625                'type' => Controls_Manager::COLOR,
     626                'default' => '#fff',
     627                'selectors' => [
     628                    '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-content' => 'color: {{VALUE}};',
     629                ],
     630                'condition' => [
     631                    'eael_flipbox_front_back_content_toggler' => 'back'
     632                ]
     633            ]
     634        );
     635
     636        /**
     637         * Condition: 'eael_flipbox_front_back_content_toggler' => 'front'
     638         */
     639        $this->add_group_control(
     640            Group_Control_Typography::get_type(),
     641            [
     642                'name' => 'eael_flipbox_front_content_typography',
     643                'selector' => '{{WRAPPER}} .eael-elements-flip-box-front-container .eael-elements-flip-box-content',
     644                'condition' => [
     645                    'eael_flipbox_front_back_content_toggler' => 'front'
     646                ]
     647            ]
     648        );
     649
     650        /**
     651         * Condition: 'eael_flipbox_front_back_content_toggler' => 'back'
     652         */
     653        $this->add_group_control(
     654            Group_Control_Typography::get_type(),
     655            [
     656                'name' => 'eael_flipbox_back_content_typography',
     657                'selector' => '{{WRAPPER}} .eael-elements-flip-box-rear-container .eael-elements-flip-box-content',
     658                'condition' => [
     659                    'eael_flipbox_front_back_content_toggler' => 'back'
    650660                ]
    651661            ]
    … …  
    662672      $flipbox_image = $this->get_settings( 'eael_flipbox_image' );
    663673        $flipbox_image_url = Group_Control_Image_Size::get_attachment_image_src( $flipbox_image['id'], 'thumbnail', $settings );   
     674
     675    ?>
    664676   
    665         if( 'vf-right-to-left' == $settings['eael_flipbox_type'] ) {
    666             $flip_class = 'eael-vertical-flip flip-left';
    667         }else if( 'vf-left-to-right' == $settings['eael_flipbox_type'] ) {
    668             $flip_class = 'eael-vertical-flip flip-right';
    669         }else if( 'hf-top-to-bottom' == $settings['eael_flipbox_type'] ) {
    670             $flip_class = 'eael-horizontal-flip flip-bottom';
    671         }else if( 'hf-bottom-to-top' == $settings['eael_flipbox_type'] ) {
    672             $flip_class = 'eael-horizontal-flip flip-top';
    673         }
    674     ?>
    675     <div class="eael-flipbox">
    676         <div class="<?php echo esc_attr( $flip_class ); ?>">
    677             <div class="front">
    678                 <div class="content">
    679                         <?php if( 'img' == $settings['eael_flipbox_img_or_icon'] ) : ?>
    680                         <img src="<?php echo esc_url( $flipbox_image_url ); ?>" alt="Icon Image">
    681                         <?php endif; ?>
    682                         <?php if( 'icon' == $settings['eael_flipbox_img_or_icon'] ) : ?>
    683                     <i class="<?php echo esc_attr( $settings['eael_flipbox_icon'] ); ?>"></i>
    684                     <?php endif; ?>
    685                     <h4 class="title"><?php echo $settings['eael_flipbox_front_title']; ?></h4>
    686                     <?php if( $settings['eael_flipbox_front_text'] != '' ) : ?>
    687                     <p><?php echo $settings['eael_flipbox_front_text']; ?></p>
    688                     <?php endif; ?>
    689                 </div>
    690             </div>
    691             <div class="back">
    692                 <div class="content">
    693                     <h4 class="title"><?php echo $settings['eael_flipbox_back_title']; ?></h4>
    694                     <?php if( $settings['eael_flipbox_back_text'] != '' ) : ?>
    695                     <p><?php echo $settings['eael_flipbox_back_text']; ?></p>
    696                     <?php endif; ?>
    697                 </div>
    698             </div>
    699         </div>
    700     </div> 
    701     <?php if( 'vf-right-to-left' == $settings['eael_flipbox_type'] || 'vf-left-to-right' == $settings['eael_flipbox_type'] ) : ?>
    702     <script>
    703         jQuery(document).ready( function($) {
    704             $(".eael-vertical-flip").hover( function() {
    705                 $(this).addClass( 'flip' );
    706             }, function() {
    707                 $(this).removeClass( 'flip' );
    708             } );
    709         } );
    710     </script>
    711     <?php endif; ?>
    712     <?php if( 'hf-top-to-bottom' == $settings['eael_flipbox_type'] || 'hf-bottom-to-top' == $settings['eael_flipbox_type'] ) : ?>
    713     <script>
    714         jQuery(document).ready( function($) {
    715             $(".eael-horizontal-flip").hover( function() {
    716                 $(this).addClass( 'flip' );
    717             }, function() {
    718                 $(this).removeClass( 'flip' );
    719             } );
    720         } );
    721     </script>
    722     <?php endif; ?>
     677    <div class="eael-elements-progression-flip-box-container eael-animate-flip eael-<?php echo esc_attr( $settings['eael_flipbox_type'] ); ?>">
     678        <div class="eael-elements-flip-box-flip-card">
     679            <div class="eael-elements-flip-box-front-container">
     680                <div class="eael-elements-slider-display-table">
     681                    <div class="eael-elements-flip-box-vertical-align">
     682                        <div class="eael-elements-flip-box-padding">
     683                            <div class="eael-elements-flip-box-icon-image">
     684                                <?php if( 'icon' === $settings['eael_flipbox_img_or_icon'] ) : ?>
     685                                <i class="<?php echo esc_attr( $settings['eael_flipbox_icon'] ); ?>"></i>
     686                               <?php elseif( 'img' === $settings['eael_flipbox_img_or_icon'] ): ?>
     687                                <img src="<?php echo esc_url( $flipbox_image_url ); ?>" alt="">
     688                               <?php endif; ?>
     689                            </div>
     690                            <h2 class="eael-elements-flip-box-heading"><?php echo esc_html__( $settings['eael_flipbox_front_title'], 'essential-addons-elementor' ); ?></h2>
     691                            <div class="eael-elements-flip-box-content">
     692                               <p><?php echo esc_html__( $settings['eael_flipbox_front_text'], 'essential-addons-elementor' ); ?></p>
     693                            </div>
     694                        </div>
     695                    </div>
     696                </div>
     697            </div>
     698            <div class="eael-elements-flip-box-rear-container">
     699                <div class="eael-elements-slider-display-table">
     700                    <div class="eael-elements-flip-box-vertical-align">
     701                        <div class="eael-elements-flip-box-padding">
     702                            <h2 class="eael-elements-flip-box-heading"><?php echo esc_html__( $settings['eael_flipbox_back_title'], 'essential-addons-elementor' ); ?></h2>
     703                            <div class="eael-elements-flip-box-content">
     704                               <p><?php echo esc_html__( $settings['eael_flipbox_back_text'], 'essential-addons-elementor' ); ?></p>
     705                            </div>
     706                        </div>
     707                    </div>
     708                </div>
     709            </div>
     710        </div>
     711    </div>
     712
    723713    <?php
    724714    }

  • essential-addons-for-elementor-lite/trunk/elements/infobox/infobox.php

    r1740124 r1746620  
    1515
    1616    public function get_icon() {
    17         return 'fa fa-info';
     17        return 'eicon-info-box';
    1818    }
    1919
    … …  
    5252            'eael_infobox_img_or_icon',
    5353            [
    54                 'label' => esc_html__( 'Image Or Icon', 'essential-addons-elementor' ),
     54                'label' => esc_html__( 'Image or Icon', 'essential-addons-elementor' ),
    5555                'type' => Controls_Manager::CHOOSE,
    5656                'label_block' => true,
    … …  
    6565                    ],
    6666                ],
    67                 'default' => 'img',
     67                'default' => 'icon',
    6868            ]
    6969        );
    … …  
    8585        );
    8686
    87         $this->add_group_control(
    88             Group_Control_Image_Size::get_type(),
    89             [
    90                 'name' => 'thumbnail',
    91                 'default' => 'full',
    92                 'condition' => [
    93                     'eael_infobox_image[url]!' => '',
    94                 ],
    95                 'condition' => [
    96                     'eael_infobox_img_or_icon' => 'img'
    97                 ]
    98             ]
    99         );
    100 
    101         $this->add_responsive_control(
    102             'eael_infobox_img_alignment',
    103             [
    104                 'label' => esc_html__( 'Image Alignment', 'essential-addons-elementor' ),
    105                 'type' => Controls_Manager::CHOOSE,
    106                 'label_block' => true,
    107                 'options' => [
    108                     'left' => [
    109                         'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
    110                         'icon' => 'fa fa-align-left',
    111                     ],
    112                     'center' => [
    113                         'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
    114                         'icon' => 'fa fa-align-center',
    115                     ],
    116                     'right' => [
    117                         'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
    118                         'icon' => 'fa fa-align-right',
    119                     ],
    120                 ],
    121                 'default' => 'left',
    122                 'prefix_class' => 'eael-infobox-img-align-',
    123                 'condition' => [
    124                     'eael_infobox_img_or_icon' => 'img',
    125                     'eael_infobox_img_type!' => 'img-on-left',
    126                 ]
    127             ]
    128         );
     87       
    12988        /**
    13089         * Condition: 'eael_infobox_img_or_icon' => 'icon'
    … …  
    162121                    ],
    163122                ],
    164                 'default' => 'left',
     123                'default' => 'center',
    165124                'prefix_class' => 'eael-infobox-icon-align-',
    166125                'condition' => [
    … …  
    230189                    ],
    231190                ],
    232                 'default' => 'left',
     191                'default' => 'center',
    233192                'prefix_class' => 'eael-infobox-content-align-',
    234193            ]
    … …  
    244203            'eael_section_infobox_style_settings',
    245204            [
    246                 'label' => esc_html__( 'Info Box Styles', 'essential-addons-elementor' ),
     205                'label' => esc_html__( 'Info Box Style', 'essential-addons-elementor' ),
    247206                'tab' => Controls_Manager::TAB_STYLE
    248207            ]
    … …  
    285244        );
    286245
    287         $this->add_control(
    288             'eael_infobox_border_type',
    289             [
    290                 'label' => esc_html__( 'Border Type', 'essential-addons-elementor' ),
    291                 'type' => Controls_Manager::SELECT,
    292                 'default' => 'none',
    293                 'options' => [
    294                     'none'  => esc_html__( 'None', 'essential-addons-elementor' ),
    295                     'solid'     => esc_html__( 'Solid', 'essential-addons-elementor' ),
    296                     'dashed' => esc_html__( 'Dashed', 'essential-addons-elementor' ),
    297                     'dotted' => esc_html__( 'Dotted', 'essential-addons-elementor' ),
    298                     'double' => esc_html__( 'Double', 'essential-addons-elementor' ),
    299                 ],
    300                 'selectors' => [
    301                         '{{WRAPPER}} .eael-infobox' => 'border-style: {{VALUE}};',
    302                 ],
    303             ]
    304         );
    305 
    306         $this->add_control(
    307             'eael_infobox_border_thickness',
    308             [
    309                 'label' => esc_html__( 'Border Size', 'essential-addons-elementor' ),
     246        $this->add_group_control(
     247            Group_Control_Border::get_type(),
     248                [
     249                    'name' => 'eael_infobox_border',
     250                    'label' => esc_html__( 'Border', 'essential-addons-elementor' ),
     251                    'selector' => '{{WRAPPER}} .eael-infobox',
     252                ]
     253        );
     254
     255        $this->add_control(
     256            'eael_infobox_border_radius',
     257            [
     258                'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
    310259                'type' => Controls_Manager::SLIDER,
    311260                'range' => [
    … …  
    315264                ],
    316265                'selectors' => [
    317                     '{{WRAPPER}} .eael-infobox' => 'border-width: {{SIZE}}px;',
    318                 ],
    319             ]
    320         );
    321 
    322         $this->add_control(
    323             'eael_infobox_border_radius',
    324             [
    325                 'label' => esc_html__( 'Border Radius', 'essential-addons-elementor' ),
    326                 'type' => Controls_Manager::SLIDER,
    327                 'range' => [
    328                     'px' => [
    329                         'max' => 500,
    330                     ],
    331                 ],
    332                 'selectors' => [
    333266                    '{{WRAPPER}} .eael-infobox' => 'border-radius: {{SIZE}}px;',
    334267                ],
    335268            ]
    336         );
    337 
    338         $this->add_control(
    339             'eael_infobox_border_color',
    340             [
    341                 'label' => esc_html__( 'Border Color', 'essential-addons-elementor' ),
    342                 'type' => Controls_Manager::COLOR,
    343                 'default' => '',
    344                 'separator' => 'after',
    345                 'selectors' => [
    346                     '{{WRAPPER}} .eael-infobox' => 'border-color: {{VALUE}};',
    347                 ],
    348             ]
    349 
    350269        );
    351270
    … …  
    392311                ]
    393312            ]
     313        );
     314
     315        $this->add_control(
     316            'eael_infobox_image_resizer',
     317            [
     318                'label' => esc_html__( 'Image Resizer', 'essential-addons-elementor' ),
     319                'type' => Controls_Manager::SLIDER,
     320                'default' => [
     321                    'size' => '100'
     322                ],
     323                'range' => [
     324                    'px' => [
     325                        'max' => 500,
     326                    ],
     327                ],
     328                'selectors' => [
     329                    '{{WRAPPER}} .eael-infobox .infobox-icon img' => 'width: {{SIZE}}px;',
     330                ],
     331                'condition' => [
     332                    'eael_infobox_img_or_icon' => 'img'
     333                ]
     334            ]
     335        );
     336
     337        $this->add_group_control(
     338            Group_Control_Image_Size::get_type(),
     339            [
     340                'name' => 'thumbnail',
     341                'default' => 'full',
     342                'condition' => [
     343                    'eael_infobox_image[url]!' => '',
     344                ],
     345                'condition' => [
     346                    'eael_infobox_img_or_icon' => 'img'
     347                ]
     348            ]
     349        );
     350
     351        $this->add_responsive_control(
     352            'eael_infobox_img_alignment',
     353            [
     354                'label' => esc_html__( 'Image Alignment', 'essential-addons-elementor' ),
     355                'type' => Controls_Manager::CHOOSE,
     356                'label_block' => true,
     357                'options' => [
     358                    'left' => [
     359                        'title' => esc_html__( 'Left', 'essential-addons-elementor' ),
     360                        'icon' => 'fa fa-align-left',
     361                    ],
     362                    'center' => [
     363                        'title' => esc_html__( 'Center', 'essential-addons-elementor' ),
     364                        'icon' => 'fa fa-align-center',
     365                    ],
     366                    'right' => [
     367                        'title' => esc_html__( 'Right', 'essential-addons-elementor' ),
     368                        'icon' => 'fa fa-align-right',
     369                    ],
     370                ],
     371                'default' => 'left',
     372                'prefix_class' => 'eael-infobox-img-align-',
     373                'condition' => [
     374                    'eael_infobox_img_or_icon' => 'img',
     375                    'eael_infobox_img_type!' => 'img-on-left',
     376                ]
     377            ]
    394378        );
    395379
    … …  
    492476            'eael_section_infobox_title_style_settings',
    493477            [
    494                 'label' => esc_html__( 'Title Typography &amp; Color', 'essential-addons-elementor' ),
     478                'label' => esc_html__( 'Color &amp; Typography', 'essential-addons-elementor' ),
    495479                'tab' => Controls_Manager::TAB_STYLE
    496480            ]
    497481        );
    498482
    499         $this->add_group_control(
    500             Group_Control_Typography::get_type(),
    501             [
    502              'name' => 'eael_infobox_title_typography',
    503                 'selector' => '{{WRAPPER}} .eael-infobox .infobox-content .title',
     483        $this->add_control(
     484            'eael_infobox_title_heading',
     485            [
     486                'label' => esc_html__( 'Title Style', 'essential-addons-elementor' ),
     487                'type' => Controls_Manager::HEADING,
    504488            ]
    505489        );
    … …  
    517501        );
    518502
    519         $this->end_controls_section();
    520 
    521         /**
    522          * -------------------------------------------
    523          * Tab Style (Info Box Content Style)
    524          * -------------------------------------------
    525          */
    526         $this->start_controls_section(
    527             'eael_section_infobox_content_style_settings',
    528             [
    529                 'label' => esc_html__( 'Content Typography &amp; Color', 'essential-addons-elementor' ),
    530                 'tab' => Controls_Manager::TAB_STYLE
    531             ]
    532         );
    533 
    534503        $this->add_group_control(
    535504            Group_Control_Typography::get_type(),
    536505            [
    537              'name' => 'eael_infobox_content_typography',
    538                 'selector' => '{{WRAPPER}} .eael-infobox .infobox-content p',
     506             'name' => 'eael_infobox_title_typography',
     507                'selector' => '{{WRAPPER}} .eael-infobox .infobox-content .title',
     508            ]
     509        );
     510
     511        $this->add_control(
     512            'eael_infobox_content_heading',
     513            [
     514                'label' => esc_html__( 'Content Style', 'essential-addons-elementor' ),
     515                'type' => Controls_Manager::HEADING,
     516                'separator' => 'before'
    539517            ]
    540518        );
    … …  
    549527                    '{{WRAPPER}} .eael-infobox .infobox-content p' => 'color: {{VALUE}};',
    550528                ],
     529            ]
     530        );
     531
     532        $this->add_group_control(
     533            Group_Control_Typography::get_type(),
     534            [
     535             'name' => 'eael_infobox_content_typography',
     536                'selector' => '{{WRAPPER}} .eael-infobox .infobox-content p',
    551537            ]
    552538        );

  • essential-addons-for-elementor-lite/trunk/elements/post-timeline/post-timeline.php

    r1713657 r1746620  
    290290                'label' => __( 'Border & Arrow Color', 'essential-addons-elementor' ),
    291291                'type' => Controls_Manager::COLOR,
    292                 'default'=> '#ffffff',
     292                'default'=> '#e5eaed',
    293293                'selectors' => [
    294294                    '{{WRAPPER}} .eael-timeline-post-inner' => 'border-color: {{VALUE}};',

  • essential-addons-for-elementor-lite/trunk/essential_adons_elementor.php

    r1740124 r1746620  
    11<?php
    22/**
    3  * Plugin Name: Essential Addons Elementor
     3 * Plugin Name: Essential Addons Elementor [Lite]
    44 * Description: Elements bundle for Elementor page builder plugin for WordPress. <a href="https://essential-addons.com/elementor/buy.php">Get Premium version</a>
    55 * Plugin URI: https://essential-addons.com/elementor/
    66 * Author: Codetic
    7  * Version: 2.1
     7 * Version: 2.2.0
    88 * Author URI: http://www.codetic.net
    99 *
    … …  
    3838      'info-box'           => true,
    3939      'dual-header'        => true,
     40      'price-table'        => true,
    4041   );
    4142   $is_component_active = get_option( 'eael_save_settings', $eael_default_settings );
    … …  
    9091      require_once ESSENTIAL_ADDONS_EL_PATH.'elements/dual-color-header/dual-color-header.php';
    9192   }
    92    
     93   if( $is_component_active['price-table'] ) {
     94      require_once ESSENTIAL_ADDONS_EL_PATH.'elements/pricing-table/pricing-table.php';
     95   }
    9396}
    9497add_action('elementor/widgets/widgets_registered','add_eael_elements');

  • essential-addons-for-elementor-lite/trunk/readme.txt

    r1740124 r1746620  
    44Requires at least: 4.0
    55Tested up to: 4.8.2
    6 Stable tag: 2.1
     6Stable tag: 2.2.0
    77License: GPLv3
    88License URI: https://opensource.org/licenses/GPL-3.0
    … …  
    2121### Features
    2222
    23 * 14+ Stunning Elements (Free)
     23* 15+ Stunning Elements (Free)
    2424* Fully Customizable
    2525* Unlimited Design Options
    2626* Elements Control option
    2727* Lightweight and Fast
    28 
     28* Extra-ordinary support
    2929
    3030### Available Elements
    … …  
    4444* <a href="https://essential-addons.com/elementor/dual-color-headline/" target="_blank">Dual Color Headline</a>
    4545* <a href="https://essential-addons.com/elementor/call-to-action/" target="_blank">Call to Action</a>
     46* <a href="https://essential-addons.com/elementor/pricing-table/" target="_blank">Pricing-table</a>
    4647
    4748
    … …  
    5556* <a href="https://essential-addons.com/elementor/instagram-feed/" target="_blank">Interactive Promo</a>
    5657* <a href="https://essential-addons.com/elementor/static-product/" target="_blank">Static Product</a>
     58* <a href="https://essential-addons.com/elementor/flip-carousel/" target="_blank">Flip Carousel</a>
     59
    5760
    5861More coming soon...
    … …  
    8891== Changelog ==
    8992
     93= 2.2.0 =
     94
     95- Pricing Table Element added
     96- Flipbox element animation improved and more options added
     97- Post Timeline responsiveness improved
     98- Few minor improvements
     99
    90100= 2.1 =
    91101
    92 * More options added to CTA and Info Box elements
    93 * Flip box animation improved
    94 * Options panel improved and community support links added
     102- More options added to CTA and Info Box elements
     103- Flip box animation improved
     104- Options panel improved and community support links added
    95105
    96106= 2.0 =
    … …  
    120130== Upgrade Notice ==
    121131
    122 = 2.1 =
     132= 2.2.0 =
    123133
    124 * More options added to CTA and Info Box elements
    125 * Flip box animation improved
    126 * Options panel improved and community support links added
     134- Pricing Table Element added
     135- Flipbox element animation improved and more options added
     136- Post Timeline responsiveness improved
     137- Few minor improvements/
Note: See TracChangeset for help on using the changeset viewer.