WordPress.org
Get WordPress

Plugin Directory

Changeset 3170903


Ignore:
Timestamp:
10/17/2024 05:01:09 PM (18 months ago)
Author:
dynamicweblab
Message:

tagging version 1.0.5

Location:
dynamic-post-grid-elementor-addon
Files:
3 deleted
10 edited
32 copied

Legend:

Unmodified
Added
Removed

  • dynamic-post-grid-elementor-addon/tags/1.0.5/assets/css/main.css

    r3126689 r3170903  
    489489  padding: 10px 24px;
    490490}
     491
     492/* slider style layout-4 */
     493.depg-slider-container.depg-slider-layout-4 .post-slider-inner {
     494  display: flex;
     495  flex-direction: row;
     496  flex-wrap: wrap;
     497  justify-content: space-around;
     498  align-items: center;
     499}
     500.depg-slider-container.depg-slider-layout-4 .post-grid-excerpt .read-more-btn,
     501.depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap .post-author,
     502.depg-slider-container.depg-slider-layout-4 .post-grid-excerpt p{
     503  color: #000000;
     504  font-family: 'inter', Sans-serif;
     505  font-size: 23px;
     506  font-weight: 400;
     507  line-height: 41px;
     508}
     509.depg-slider-container.depg-slider-layout-4 .post-grid-excerpt .read-more-btn{
     510  color: #d6670b;
     511}
     512.depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap .post-author{
     513  margin-bottom: 0px;
     514}
     515.depg-slider-container.depg-slider-layout-4 .post-grid-excerpt{
     516  margin-bottom: 0px;
     517}
     518.depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap{
     519  width: 75%;
     520  padding-left: 20px;
     521}
     522
     523.depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail {
     524  max-width: 220px;
     525  /* padding: 10px; */
     526  margin-bottom: 0px;
     527}
     528.depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail a img{
     529  margin-bottom: 0px;
     530}
     531.depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap p {
     532  display: inline;
     533}
     534.depg-slider-container.depg-slider-layout-4 a.read-more-btn-outline{
     535  background-color: transparent;
     536  border: 1px solid transparent;
     537}
     538
     539.depg-slider-container.depg-slider-layout-4 .depg-post-slider .slick-next.slick-arrow::before,
     540.depg-slider-container.depg-slider-layout-4 .depg-post-slider .slick-prev.slick-arrow::before{
     541  /* display: inline-block; */
     542  position: absolute;
     543  width: 60px;
     544  height: 60px;
     545  background: transparent;
     546  border-top: 2px solid #bfbfbf;
     547  border-left: 2px solid #bfbfbf;
     548  transition: all 250ms ease-in-out;
     549  text-decoration: none;
     550  color: transparent;
     551}
     552
     553.depg-slider-container.depg-slider-layout-4 .depg-post-slider .slick-prev.slick-arrow::before{
     554  transform: rotate(-45deg);
     555  left: 0;
     556}
     557
     558.depg-slider-container.depg-slider-layout-4 .depg-post-slider .slick-next.slick-arrow::before{
     559  transform: rotate(135deg);
     560  right: 0;
     561}
     562
     563.depg-slider-container.depg-slider-layout-4 .depg-post-slider button.slick-arrow {
     564  font-size: 0;
     565  position: absolute;
     566  z-index: 9;
     567  top: 30%;
     568  transform: translateX(-50%);
     569  display: block;
     570  background: transparent;
     571  border: 0 none;
     572}
     573
     574.depg-slider-container.depg-slider-layout-4 .depg-post-slider .fa-user:before{
     575  content: 'By:';
     576  color: #000000;
     577  font-family: 'inter', Sans-serif;
     578  font-size: 23px;
     579  font-weight: 400;
     580  line-height: 41px;
     581}
     582
     583@media (max-width: 979px){
     584  .depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail{
     585    padding: 0px;
     586    max-width: 240px;
     587  }
     588  .depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap{
     589    width: 66%;
     590    padding: 10px;
     591  }
     592}
     593
     594@media (max-width: 899px){
     595  .depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail{
     596    padding: 0px;
     597    max-width: 240px;
     598  }
     599  .depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap{
     600    width: 64%;
     601    padding: 10px;
     602  }
     603}
     604
     605@media (max-width: 805px){
     606  .depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail{
     607    padding: 0px;
     608    max-width: 240px;
     609  }
     610  .depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap{
     611    width: 60%;
     612    padding: 10px;
     613  }
     614}
     615
     616@media (max-width: 767px){
     617  .depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail{
     618    width: 100%;
     619    padding: 0px;
     620    max-width: 100%;
     621  }
     622  .depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap{
     623    width: 100%;
     624    padding: 10px;
     625  }
     626}
     627
     628/* slider style layout-4 end*/
    491629
    492630/* slider style */
    … …  
    11131251==================================================*/
    11141252.depg-grid-layout-9 .post-grid-inner-style-9 .post-grid-title-meta-wraper{
    1115   transition: 2s;
     1253  transition: .5s;
    11161254}
    11171255.depg-grid-layout-9 .post-grid-inner-style-9{
    11181256  width: 100%;
    11191257  height: auto;
    1120 
    1121 }
     1258}
     1259
    11221260.depg-grid-layout-9 article .post-grid-inner-style-9 .post-grid-thumbnail a img{
    11231261  width: 100%;
    11241262  height:400px;
    1125   transition:2s;
     1263  transition: all 3s;
    11261264}
    11271265.depg-grid-layout-9 article:hover .post-grid-inner-style-9{
    … …  
    11301268
    11311269.depg-grid-layout-9 article:hover .post-grid-title-meta-wraper {
    1132   position: absolute;
    1133   height: 100%;
    1134   /* height: auto; */
    11351270  width: 100%;
    11361271  bottom: 0px;
    … …  
    11391274  background: #0c0909d4;
    11401275}
     1276.depg-grid-layout-9 article:hover .post-grid-inner-style-9{
     1277  min-height: auto;
     1278}
     1279.depg-grid-layout-9 .post-grid-inner-style-9 {
     1280  padding-top: 304px;
     1281  transition: padding .5s;
     1282  width: 100%;
     1283}
     1284
     1285.depg-grid-layout-9 .post-grid-inner-style-9 {
     1286  transition-timing-function: linear;
     1287}
     1288
     1289.depg-grid-layout-9 article:hover .post-grid-inner-style-9{
     1290  padding:0px;
     1291}
     1292
     1293.depg-grid-layout-9 .post-grid-title-meta-wraper .dwl-post-title,
     1294.depg-grid-layout-9 .post-grid-title-meta-wraper .post-grid-meta{
     1295  display: none;
     1296}
     1297.depg-grid-layout-9 article:hover .post-grid-title-meta-wraper .dwl-post-title,
     1298.depg-grid-layout-9 article:hover .post-grid-title-meta-wraper .post-grid-meta{
     1299  display: block;
     1300}
    11411301
    11421302.depg-grid-layout-9 article:hover .post-grid-title-meta-wraper .post-grid-meta span,
    … …  
    11461306}
    11471307
    1148 .depg-grid-layout-9 article:hover .post-grid-inner-style-9 .post-grid-thumbnail {
    1149   margin-bottom: 0;
    1150 }
    1151 .depg-grid-layout-9 article:hover .post-grid-inner-style-9 .post-grid-thumbnail a{
    1152 
    1153   display: block;
    1154 }
     1308
     1309.depg-grid-layout-9 article:hover .post-grid-title-meta{
     1310  display: none;
     1311}
     1312
    11551313
    11561314.depg-grid-layout-9 article:hover .post-grid-inner-style-9 .post-grid-thumbnail a img {
    … …  
    11581316}
    11591317
     1318/* .depg-grid-layout-9 .post-grid-title-meta, */
    11601319.depg-grid-layout-9 .post-grid-text-wrap{
    11611320  display: none;
     1321  transition: 5s;
    11621322}
    11631323.depg-grid-layout-9 article:hover .post-grid-text-wrap{
    … …  
    11741334}
    11751335.depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title a {
    1176   /* font-size: 20px; */
     1336  font-family: 'Open Sans';
     1337  font-style: normal;
    11771338  font-weight: 600;
    1178   /* line-height: 25px; */
    1179 }
    1180 
    1181 
    1182 
     1339  font-size: 20px;
     1340  line-height: 25px;
     1341  color: #1D1D1D;
     1342}
     1343.depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title a,
     1344.depg-grid-layout-9 .post-grid-title-meta .dwl-post-title a {
     1345  font-family: 'Open Sans';
     1346  font-style: normal;
     1347  font-weight: 600;
     1348  font-size: 20px;
     1349  line-height: 25px;
     1350  color: #1D1D1D;
     1351}
     1352
     1353
     1354
     1355/*====================================================
     1356Grid layout 10
     1357==================================================*/
     1358
     1359.depg-grid-layout-10 .post-grid-text-wrap .read-more-btn{
     1360  display: none;
     1361  transform: translate(2s);
     1362}
     1363.depg-grid-layout-10 .post-grid-inner-style-10:hover .post-grid-text-wrap .read-more-btn{
     1364  display: block;
     1365  transform: translate(2s);
     1366}
     1367
     1368.depg-grid-layout-10 .post-grid-inner-style-10:hover .post-grid-text-wrap{
     1369  padding: 20px 0px 0px;
     1370}
     1371.depg-grid-layout-10 .post-grid-inner-style-10:hover .read-more-btn{
     1372  width: 100%;
     1373  background: #11A4AD;
     1374  font-family: 'Open Sans';
     1375  font-style: normal;
     1376  font-weight: 400;
     1377  font-size: 16px;
     1378  line-height: 16px;
     1379  text-align: right;
     1380  color: #FFFFFF;
     1381  border: 1px solid #11A4AD;
     1382}
     1383.depg-grid-layout-10 .post-grid-meta {
     1384  display: flex;
     1385  flex-wrap: wrap;
     1386  align-items: center;
     1387  gap: 7px;
     1388}
     1389.depg-grid-layout-10 .author-date-wrap{
     1390  display: flex;
     1391  flex-direction: column;
     1392  margin-bottom: 0;
     1393}
     1394
     1395.depg-grid-layout-10 .post-grid-meta .post-date::before{
     1396  display: none;
     1397  margin-top: 10px;
     1398}
     1399
     1400.depg-grid-layout-10 .post-grid-meta .post-date .fa-calendar-days{
     1401  display: none;
     1402}
     1403
     1404.depg-grid-layout-10 .post-grid-meta .post-author{
     1405  font-family: 'Open Sans';
     1406  color: #16bbaa;
     1407  font-size: 16px;
     1408  line-height: 12px;
     1409  font-weight: 600;
     1410}
     1411
     1412.depg-grid-layout-10 .post-grid-meta .author-wrap{
     1413  display: flex;
     1414  align-items: center;
     1415  justify-content: center;
     1416}
     1417.depg-grid-layout-10 .post-grid-meta .author-wrap{
     1418  text-align: center;
     1419  width: 38px;
     1420  height: 38px;
     1421  border: 1px solid #11A4AD;
     1422  border-radius: 50%;
     1423}
     1424
     1425.depg-grid-layout-10 .post-grid-meta .post-date{
     1426  font-family: 'Open Sans';
     1427  font-size: 12px;
     1428  line-height: 12px;
     1429  font-weight: 400;
     1430  color: #707070;
     1431  margin: 5px 0px 0px 0px;
     1432}
     1433
     1434.depg-grid-layout-10 .post-grid-inner {
     1435  overflow: hidden;
     1436  position: relative;
     1437  border-radius: 10px;
     1438  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
     1439}
     1440
     1441.depg-grid-layout-10 .post-grid-thumbnail a img{
     1442  border-radius: 15px;
     1443 
     1444
     1445}
     1446
     1447.depg-grid-layout-10 .post-grid-text-wrap {
     1448  width: 80%;
     1449  position: absolute;
     1450  right: 0;
     1451  bottom: 0;
     1452  background: #FFFFFF;
     1453  backdrop-filter: blur(12.5px);
     1454  display: flex;
     1455  flex-direction: column;
     1456  justify-content: center;
     1457  align-items: flex-start;
     1458  gap: 5px;
     1459  padding: 20px 0px 20px;
     1460  border-radius: 10px 0px 0px 0px;
     1461  /* transition:height 4s; */
     1462}
     1463
     1464.depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta{
     1465  display: flex;
     1466  flex-wrap: wrap;
     1467  position: relative;
     1468  padding-left: 15px;
     1469}
     1470
     1471.depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta a{
     1472  font-family: 'Open Sans';
     1473  font-style: normal;
     1474  font-weight: 400;
     1475  font-size: 16px;
     1476  line-height: 30px;
     1477  text-transform: uppercase;
     1478  color: #000000;
     1479  padding-right: 10px;
     1480}
     1481
     1482.depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta a::after {
     1483  position: absolute;
     1484  content: '';
     1485  width: 1px;
     1486  height: 13px;
     1487  background-color: #000000;
     1488  bottom: 9px;
     1489  margin-left: 5px;
     1490}
     1491
     1492.depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta a:last-child::after{
     1493  display: none;
     1494}
     1495
     1496.depg-grid-layout-10 .post-grid-title-meta-wraper {
     1497  position: absolute;
     1498  top: 0;
     1499  left: 0;
     1500  background: #FFFFFF;
     1501  border-radius: 0px 0px 15px 0px;
     1502  padding: 16px 30px;
     1503}
     1504
     1505.depg-grid-layout-10 .post-grid-inner-style-10 .post-grid-thumbnail{
     1506  margin-bottom: -7px;
     1507}
     1508
     1509.depg-grid-layout-10 .post-grid-text-wrap .dwl-post-title a {
     1510  font-family: 'Open Sans';
     1511  font-style: normal;
     1512  font-weight: 600;
     1513  font-size: 20px;
     1514  color: #11A4AD;
     1515}
     1516.depg-grid-layout-10 .post-grid-text-wrap h3{
     1517  padding-left: 15px;
     1518}
     1519/* .depg-grid-layout-10 .post-grid-inner-style-10{
     1520  border-radius: 10px;
     1521} */
    11831522
    11841523/*====================================================

  • dynamic-post-grid-elementor-addon/tags/1.0.5/assets/icons/slider-style-1.svg

    r3092768 r3170903  
    11<svg width="140" height="90" viewBox="0 0 140 90" fill="none" xmlns="http://www.w3.org/2000/svg">
    22<rect width="140" height="90" fill="white"/>
    3 <g clip-path="url(#clip0_19_2635)">
    4 <rect x="4" y="32.5557" width="39" height="51.7759" fill="white"/>
    5 <rect x="4" y="32" width="40" height="31" fill="#56A162"/>
    6 <rect opacity="0.9" x="8" y="48" width="31" height="5" rx="1.1095" fill="white"/>
    7 <rect opacity="0.8" x="17" y="56" width="6" height="2" fill="white"/>
    8 <rect opacity="0.8" x="25" y="56" width="6" height="2" fill="white"/>
     3<g clip-path="url(#clip0_19_2518)">
     4<rect x="5.5" y="15.1123" width="39" height="51.7759" fill="white"/>
     5<rect x="5.5" y="15.1123" width="39" height="26.8966" fill="#46E19C"/>
     6<rect opacity="0.9" x="8.86206" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
     7<rect opacity="0.8" x="8.86206" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#46E19C"/>
     8<rect opacity="0.6" x="8.86206" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     9<rect opacity="0.6" x="8.86206" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     10<rect opacity="0.6" x="8.86206" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     11<rect opacity="0.6" x="8.86206" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    912</g>
    10 <g clip-path="url(#clip1_19_2635)">
    11 <rect x="50" y="32.5557" width="39" height="51.7759" fill="white"/>
    12 <rect x="50" y="32" width="40" height="31" fill="#56A162"/>
    13 <rect opacity="0.9" x="54" y="48" width="31" height="5" rx="1.1095" fill="white"/>
    14 <rect opacity="0.8" x="63" y="56" width="6" height="2" fill="white"/>
    15 <rect opacity="0.8" x="71" y="56" width="6" height="2" fill="white"/>
     13<rect x="5.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
     14<g clip-path="url(#clip1_19_2518)">
     15<rect x="50.5" y="15.1123" width="39" height="51.7759" fill="white"/>
     16<rect x="50.5" y="15.1123" width="39" height="26.8966" fill="#F5B936"/>
     17<rect opacity="0.9" x="53.8621" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
     18<rect opacity="0.8" x="53.8621" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#F5B936"/>
     19<rect opacity="0.6" x="53.8621" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     20<rect opacity="0.6" x="53.8621" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     21<rect opacity="0.6" x="53.8621" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     22<rect opacity="0.6" x="53.8621" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    1623</g>
    17 <g clip-path="url(#clip2_19_2635)">
    18 <rect x="96" y="32.5557" width="39" height="51.7759" fill="white"/>
    19 <rect x="96" y="32" width="40" height="31" fill="#56A162"/>
    20 <rect opacity="0.9" x="100" y="48" width="31" height="5" rx="1.1095" fill="white"/>
    21 <rect opacity="0.8" x="109" y="56" width="6" height="2" fill="white"/>
    22 <rect opacity="0.8" x="117" y="56" width="6" height="2" fill="white"/>
     24<rect x="50.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
     25<g clip-path="url(#clip2_19_2518)">
     26<rect x="95.5" y="15.1123" width="39" height="51.7759" fill="white"/>
     27<rect x="95.5" y="15.1123" width="39" height="26.8966" fill="#FF4F4F"/>
     28<rect opacity="0.9" x="98.8621" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
     29<rect opacity="0.8" x="98.8621" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#FF4F4F"/>
     30<rect opacity="0.6" x="98.8621" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     31<rect opacity="0.6" x="98.8621" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     32<rect opacity="0.6" x="98.8621" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     33<rect opacity="0.6" x="98.8621" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    2334</g>
    24 <path d="M26.5112 81.4414L26.0815 81.8711C25.8862 82.0469 25.5933 82.0469 25.4175 81.8711L21.6089 78.082C21.4331 77.8867 21.4331 77.5938 21.6089 77.418L25.4175 73.6094C25.5933 73.4336 25.8862 73.4336 26.0815 73.6094L26.5112 74.0391C26.687 74.2344 26.687 74.5273 26.5112 74.7227L24.1479 76.9688L29.7534 76.9688C30.0269 76.9688 30.2222 77.1641 30.2222 77.4375L30.2222 78.0625C30.2222 78.3164 30.0269 78.5313 29.7534 78.5313L24.1479 78.5313L26.5112 80.7578C26.687 80.9531 26.7065 81.2461 26.5112 81.4414Z" fill="#5D5757"/>
    25 <path d="M114.231 73.626L114.747 73.1104C114.981 72.8994 115.333 72.8994 115.543 73.1104L120.114 77.6572C120.325 77.8916 120.325 78.2432 120.114 78.4541L115.543 83.0244C115.333 83.2354 114.981 83.2354 114.747 83.0244L114.231 82.5088C114.02 82.2744 114.02 81.9229 114.231 81.6885L117.067 78.9932H110.34C110.012 78.9932 109.778 78.7588 109.778 78.4307V77.6807C109.778 77.376 110.012 77.1182 110.34 77.1182H117.067L114.231 74.4463C114.02 74.2119 113.997 73.8604 114.231 73.626Z" fill="#5D5757"/>
    26 <circle cx="59.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
    27 <circle cx="64.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
    28 <circle cx="69.2778" cy="77.168" r="1.5" fill="#5E5858"/>
    29 <circle cx="74.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
    30 <circle cx="79.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
     35<rect x="95.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
     36<path d="M27.7335 81.7734L27.3038 82.2031C27.1085 82.3789 26.8156 82.3789 26.6398 82.2031L22.8312 78.4141C22.6554 78.2188 22.6554 77.9258 22.8312 77.75L26.6398 73.9414C26.8156 73.7656 27.1085 73.7656 27.3038 73.9414L27.7335 74.3711C27.9093 74.5664 27.9093 74.8594 27.7335 75.0547L25.3702 77.3008L30.9757 77.3008C31.2491 77.3008 31.4445 77.4961 31.4445 77.7695L31.4445 78.3945C31.4445 78.6484 31.2491 78.8633 30.9757 78.8633L25.3702 78.8633L27.7335 81.0898C27.9093 81.2852 27.9288 81.5781 27.7335 81.7734Z" fill="#5D5757"/>
     37<path d="M114.711 74.4463L115.141 74.0166C115.336 73.8408 115.629 73.8408 115.805 74.0166L119.613 77.8057C119.789 78.001 119.789 78.2939 119.613 78.4697L115.805 82.2783C115.629 82.4541 115.336 82.4541 115.141 82.2783L114.711 81.8486C114.535 81.6533 114.535 81.3604 114.711 81.165L117.074 78.9189H111.469C111.195 78.9189 111 78.7236 111 78.4502V77.8252C111 77.5713 111.195 77.3564 111.469 77.3564H117.074L114.711 75.1299C114.535 74.9346 114.516 74.6416 114.711 74.4463Z" fill="#5D5757"/>
     38<circle cx="60.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
     39<circle cx="65.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
     40<circle cx="70.5" cy="77.5" r="1.5" fill="#5E5858"/>
     41<circle cx="75.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
     42<circle cx="80.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
    3143<defs>
    32 <clipPath id="clip0_19_2635">
    33 <rect x="4" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
     44<clipPath id="clip0_19_2518">
     45<rect x="5.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
    3446</clipPath>
    35 <clipPath id="clip1_19_2635">
    36 <rect x="50" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
     47<clipPath id="clip1_19_2518">
     48<rect x="50.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
    3749</clipPath>
    38 <clipPath id="clip2_19_2635">
    39 <rect x="96" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
     50<clipPath id="clip2_19_2518">
     51<rect x="95.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
    4052</clipPath>
    4153</defs>

  • dynamic-post-grid-elementor-addon/tags/1.0.5/assets/icons/slider-style-3.svg

    r3092768 r3170903  
    11<svg width="140" height="90" viewBox="0 0 140 90" fill="none" xmlns="http://www.w3.org/2000/svg">
    22<rect width="140" height="90" fill="white"/>
    3 <g clip-path="url(#clip0_19_2518)">
    4 <rect x="5.5" y="15.1123" width="39" height="51.7759" fill="white"/>
    5 <rect x="5.5" y="15.1123" width="39" height="26.8966" fill="#46E19C"/>
    6 <rect opacity="0.9" x="8.86206" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
    7 <rect opacity="0.8" x="8.86206" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#46E19C"/>
    8 <rect opacity="0.6" x="8.86206" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    9 <rect opacity="0.6" x="8.86206" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    10 <rect opacity="0.6" x="8.86206" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    11 <rect opacity="0.6" x="8.86206" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     3<g clip-path="url(#clip0_19_2635)">
     4<rect x="4" y="32.5557" width="39" height="51.7759" fill="white"/>
     5<rect x="4" y="32" width="40" height="31" fill="#56A162"/>
     6<rect opacity="0.9" x="8" y="48" width="31" height="5" rx="1.1095" fill="white"/>
     7<rect opacity="0.8" x="17" y="56" width="6" height="2" fill="white"/>
     8<rect opacity="0.8" x="25" y="56" width="6" height="2" fill="white"/>
    129</g>
    13 <rect x="5.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
    14 <g clip-path="url(#clip1_19_2518)">
    15 <rect x="50.5" y="15.1123" width="39" height="51.7759" fill="white"/>
    16 <rect x="50.5" y="15.1123" width="39" height="26.8966" fill="#F5B936"/>
    17 <rect opacity="0.9" x="53.8621" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
    18 <rect opacity="0.8" x="53.8621" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#F5B936"/>
    19 <rect opacity="0.6" x="53.8621" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    20 <rect opacity="0.6" x="53.8621" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    21 <rect opacity="0.6" x="53.8621" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    22 <rect opacity="0.6" x="53.8621" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     10<g clip-path="url(#clip1_19_2635)">
     11<rect x="50" y="32.5557" width="39" height="51.7759" fill="white"/>
     12<rect x="50" y="32" width="40" height="31" fill="#56A162"/>
     13<rect opacity="0.9" x="54" y="48" width="31" height="5" rx="1.1095" fill="white"/>
     14<rect opacity="0.8" x="63" y="56" width="6" height="2" fill="white"/>
     15<rect opacity="0.8" x="71" y="56" width="6" height="2" fill="white"/>
    2316</g>
    24 <rect x="50.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
    25 <g clip-path="url(#clip2_19_2518)">
    26 <rect x="95.5" y="15.1123" width="39" height="51.7759" fill="white"/>
    27 <rect x="95.5" y="15.1123" width="39" height="26.8966" fill="#FF4F4F"/>
    28 <rect opacity="0.9" x="98.8621" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
    29 <rect opacity="0.8" x="98.8621" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#FF4F4F"/>
    30 <rect opacity="0.6" x="98.8621" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    31 <rect opacity="0.6" x="98.8621" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    32 <rect opacity="0.6" x="98.8621" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    33 <rect opacity="0.6" x="98.8621" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     17<g clip-path="url(#clip2_19_2635)">
     18<rect x="96" y="32.5557" width="39" height="51.7759" fill="white"/>
     19<rect x="96" y="32" width="40" height="31" fill="#56A162"/>
     20<rect opacity="0.9" x="100" y="48" width="31" height="5" rx="1.1095" fill="white"/>
     21<rect opacity="0.8" x="109" y="56" width="6" height="2" fill="white"/>
     22<rect opacity="0.8" x="117" y="56" width="6" height="2" fill="white"/>
    3423</g>
    35 <rect x="95.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
    36 <path d="M27.7335 81.7734L27.3038 82.2031C27.1085 82.3789 26.8156 82.3789 26.6398 82.2031L22.8312 78.4141C22.6554 78.2188 22.6554 77.9258 22.8312 77.75L26.6398 73.9414C26.8156 73.7656 27.1085 73.7656 27.3038 73.9414L27.7335 74.3711C27.9093 74.5664 27.9093 74.8594 27.7335 75.0547L25.3702 77.3008L30.9757 77.3008C31.2491 77.3008 31.4445 77.4961 31.4445 77.7695L31.4445 78.3945C31.4445 78.6484 31.2491 78.8633 30.9757 78.8633L25.3702 78.8633L27.7335 81.0898C27.9093 81.2852 27.9288 81.5781 27.7335 81.7734Z" fill="#5D5757"/>
    37 <path d="M114.711 74.4463L115.141 74.0166C115.336 73.8408 115.629 73.8408 115.805 74.0166L119.613 77.8057C119.789 78.001 119.789 78.2939 119.613 78.4697L115.805 82.2783C115.629 82.4541 115.336 82.4541 115.141 82.2783L114.711 81.8486C114.535 81.6533 114.535 81.3604 114.711 81.165L117.074 78.9189H111.469C111.195 78.9189 111 78.7236 111 78.4502V77.8252C111 77.5713 111.195 77.3564 111.469 77.3564H117.074L114.711 75.1299C114.535 74.9346 114.516 74.6416 114.711 74.4463Z" fill="#5D5757"/>
    38 <circle cx="60.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
    39 <circle cx="65.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
    40 <circle cx="70.5" cy="77.5" r="1.5" fill="#5E5858"/>
    41 <circle cx="75.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
    42 <circle cx="80.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
     24<path d="M26.5112 81.4414L26.0815 81.8711C25.8862 82.0469 25.5933 82.0469 25.4175 81.8711L21.6089 78.082C21.4331 77.8867 21.4331 77.5938 21.6089 77.418L25.4175 73.6094C25.5933 73.4336 25.8862 73.4336 26.0815 73.6094L26.5112 74.0391C26.687 74.2344 26.687 74.5273 26.5112 74.7227L24.1479 76.9688L29.7534 76.9688C30.0269 76.9688 30.2222 77.1641 30.2222 77.4375L30.2222 78.0625C30.2222 78.3164 30.0269 78.5313 29.7534 78.5313L24.1479 78.5313L26.5112 80.7578C26.687 80.9531 26.7065 81.2461 26.5112 81.4414Z" fill="#5D5757"/>
     25<path d="M114.231 73.626L114.747 73.1104C114.981 72.8994 115.333 72.8994 115.543 73.1104L120.114 77.6572C120.325 77.8916 120.325 78.2432 120.114 78.4541L115.543 83.0244C115.333 83.2354 114.981 83.2354 114.747 83.0244L114.231 82.5088C114.02 82.2744 114.02 81.9229 114.231 81.6885L117.067 78.9932H110.34C110.012 78.9932 109.778 78.7588 109.778 78.4307V77.6807C109.778 77.376 110.012 77.1182 110.34 77.1182H117.067L114.231 74.4463C114.02 74.2119 113.997 73.8604 114.231 73.626Z" fill="#5D5757"/>
     26<circle cx="59.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
     27<circle cx="64.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
     28<circle cx="69.2778" cy="77.168" r="1.5" fill="#5E5858"/>
     29<circle cx="74.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
     30<circle cx="79.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
    4331<defs>
    44 <clipPath id="clip0_19_2518">
    45 <rect x="5.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
     32<clipPath id="clip0_19_2635">
     33<rect x="4" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
    4634</clipPath>
    47 <clipPath id="clip1_19_2518">
    48 <rect x="50.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
     35<clipPath id="clip1_19_2635">
     36<rect x="50" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
    4937</clipPath>
    50 <clipPath id="clip2_19_2518">
    51 <rect x="95.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
     38<clipPath id="clip2_19_2635">
     39<rect x="96" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
    5240</clipPath>
    5341</defs>

  • dynamic-post-grid-elementor-addon/tags/1.0.5/assets/js/post-grid.js

    r3092768 r3170903  
    77        const slider = $('.depg-post-slider:not(.slick-initialized)');
    88
     9
    910        if( ! slider ){
    1011            return false;
    … …  
    1213
    1314        slider.each(function() {
     15           
     16            let $this = $(this);
    1417
    15             $(this).slick({
    16                 slidesToShow: slider.attr('data-column') ?? 2,
    17                 dots: slider.attr('data-dots') ? true : false,
     18            $this.slick({
     19               
     20                slidesToShow: $this.attr('data-column') ?? 2,
     21                dots: $this.attr('data-dots') ? true : false,
    1822                dotsClass: 'dpg-slider-dots',
    19                 autoplaySpeed: slider.attr('data-speed') ?? 4000,
    20                 autoplay: Boolean( slider.attr('data-autoplay') ),
    21                 arrows: slider.attr('data-arrows') ? true : false,
     23                autoplaySpeed: $this.attr('data-speed') ?? 4000,
     24                autoplay: Boolean( $this.attr('data-autoplay') ),
     25                arrows: $this.attr('data-arrows') ? true : false,
    2226                responsive: [
    2327                    {
    2428                        breakpoint: 991,
    2529                        settings: {
    26                             slidesToShow: slider.attr('data-tablet-column') ?? 1,
     30                            slidesToShow: $this.attr('data-tablet-column') ?? 1,
    2731                        }
    2832                    },

  • dynamic-post-grid-elementor-addon/tags/1.0.5/dynamic-post-grid.php

    r3126689 r3170903  
    44 * Requires Plugins: elementor
    55 * Description: Elementor page builder addon to display posts in a grid. Useful for generating post grid from your blog posts with multiple options.
    6  * Version: 1.0.4
     6 * Version: 1.0.5
    77 * Author: DynamicWebLab
    88 * Author URI: https://dynamicweblab.com/
    … …  
    1414if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
    1515
    16 define( 'DPGEA_VERSION', '1.0.4' );
     16define( 'DPGEA_VERSION', '1.0.5' );
    1717define( 'DPGEA_SLUG', 'dynamic-post-grid' );
    1818define( 'DPGEA_URL', rtrim( plugin_dir_url( __FILE__ ), '/' ) );

  • dynamic-post-grid-elementor-addon/tags/1.0.5/readme.txt

    r3126689 r3170903  
    44Requires at least: 5.0
    55Tested up to: 6.5.3
    6 Stable tag: 1.0.4
     6Stable tag: 1.0.5
    77Requires PHP: 5.6
    88License: GPLv2 or later
    … …  
    7676== Changelog ==
    7777
     78= 1.0.5 =
     79* [Feature] Added 2 new grid layouts
     80* [Feature] Added 1 new slider layouts
     81* Slider Bug Fix
     82
    7883= 1.0.4 =
    7984* [Feature] Added 2 new layout

  • dynamic-post-grid-elementor-addon/tags/1.0.5/widgets/layouts/grid/grid-layout-9.php

    r3126690 r3170903  
    1111         
    1212            <div class="post-grid-inner">
    13                 <div class="post-grid-inner-style-9">
    14                     <?php $this->render_thumbnail(); ?>
     13                <div class="post-grid-inner-style-9" style="background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('<?php the_post_thumbnail_url( ); ?>')">
    1514                    <div class="post-grid-title-meta-wraper">
    1615                        <?php $this->render_title(); ?>
    … …  
    1817                    </div>
    1918                </div>
    20 
     19                <div class="post-grid-title-meta">
     20                        <?php $this->render_title(); ?>
     21                        <?php $this->render_meta(); ?>
     22                </div>
    2123                <div class="post-grid-text-wrap">
    2224                    <?php $this->render_excerpt(); ?>

  • dynamic-post-grid-elementor-addon/tags/1.0.5/widgets/post-grid.php

    r3126689 r3170903  
    110110        $this->dpga_style_image_options();
    111111
     112        $this->dpga_style_cat_options();
    112113        $this->dpga_style_title_options();
    113114        $this->dpga_style_meta_options();
    … …  
    187188                        'title' => esc_html__('Layout 9', 'dynamic-post-grid'),
    188189                        'url' => DPGEA_URL .'/assets/icons/grid-9.svg',
     190                    ],
     191                    '10' => [
     192                        'title' => esc_html__('Layout 10', 'dynamic-post-grid'),
     193                        'url' => DPGEA_URL .'/assets/icons/grid-10.svg',
    189194                    ],
    190195                ],
    … …  
    253258                    '1' => [
    254259                        'title' => esc_html__('Layout 1', 'dynamic-post-grid'),
    255                         'url' => DPGEA_URL .'/assets/icons/slider-style-3.svg',
     260                        'url' => DPGEA_URL .'/assets/icons/slider-style-1.svg',
    256261                    ],
    257262                    '2' => [
    … …  
    261266                    '3' => [
    262267                        'title' => esc_html__('Layout 3', 'dynamic-post-grid'),
    263                         'url' => DPGEA_URL .'/assets/icons/slider-style-1.svg',
     268                        'url' => DPGEA_URL .'/assets/icons/slider-style-3.svg',
     269                    ],
     270                    '4' => [
     271                        'title' => esc_html__('Layout 4', 'dynamic-post-grid'),
     272                        'url' => DPGEA_URL .'/assets/icons/slider-style-4.svg',
    264273                    ],
    265274                ],
    … …  
    12291238
    12301239    /**
     1240     * Style > Catecategory.
     1241     */
     1242    private function dpga_style_cat_options() {
     1243        // Tab.
     1244        $this->start_controls_section(
     1245            'section_grid_cate_style',
     1246            [
     1247                'label'     => __( 'Catecategory', 'dynamic-post-grid' ),
     1248                'tab'       => Controls_Manager::TAB_STYLE,
     1249            ]
     1250        );
     1251
     1252        // Catecategory typography.
     1253        $this->add_group_control(
     1254            Group_Control_Typography::get_type(),
     1255            [
     1256                'name'     => 'grid_cat_style_typography',
     1257                'global' => [
     1258                    'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
     1259                ],
     1260                'selector' => '{{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta > a',
     1261            ]
     1262        );
     1263
     1264        $this->start_controls_tabs( 'grid_cat_color_style' );
     1265
     1266        // Normal tab.
     1267        $this->start_controls_tab(
     1268            'grid_cat_style_normal',
     1269            array(
     1270                'label' => esc_html__( 'Normal', 'dynamic-post-grid' ),
     1271            )
     1272        );
     1273
     1274        // Catecategory color.
     1275        $this->add_control(
     1276            'grid_cat_style_color',
     1277            [
     1278                'type'      => Controls_Manager::COLOR,
     1279                'label'     => __( 'Color', 'dynamic-post-grid' ),
     1280
     1281                'selectors' => [
     1282                    '{{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta > a' => 'color: {{VALUE}};',
     1283                    '{{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta a::after' => 'background: {{VALUE}};',
     1284                ],
     1285            ]
     1286        );
     1287
     1288        $this->end_controls_tab();
     1289
     1290        // Hover tab.
     1291        $this->start_controls_tab(
     1292            'grid_cat_style_hover',
     1293            array(
     1294                'label' => esc_html__( 'Hover', 'dynamic-post-grid' ),
     1295            )
     1296        );
     1297
     1298        // Catecategory hover color.
     1299        $this->add_control(
     1300            'grid_cat_style_hover_color',
     1301            array(
     1302                'type'      => Controls_Manager::COLOR,
     1303                'label'     => esc_html__( 'Color', 'dynamic-post-grid' ),
     1304                'global' => [
     1305                    'default' => Global_Colors::COLOR_PRIMARY,
     1306                ],
     1307                'selectors' => array(
     1308                    '{{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta > a:hover' => 'color: {{VALUE}};',
     1309                ),
     1310            )
     1311        );
     1312
     1313        $this->end_controls_tab();
     1314
     1315        $this->end_controls_tabs();
     1316
     1317        // catecategory margin.
     1318        $this->add_responsive_control(
     1319            'grid_cat_style_margin',
     1320            [
     1321                'label'      => __( 'Margin', 'dynamic-post-grid' ),
     1322                'type'       => Controls_Manager::DIMENSIONS,
     1323                'size_units' => [ 'px' ],
     1324                'selectors'  => [
     1325                    '{{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     1326                ],
     1327            ]
     1328        );
     1329
     1330        $this->end_controls_section();
     1331    }
     1332
     1333
     1334    /**
    12311335     * Style > Title.
    12321336     */
    … …  
    12531357                               {{WRAPPER}} .depg-title-wrap .dwl-post-title > a,
    12541358                               {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a,
     1359                               {{WRAPPER}} .depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title > a,
     1360                               {{WRAPPER}} .depg-grid-layout-9 .post-grid-title-meta .dwl-post-title > a,
    12551361                               {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a',
    12561362            ]
    … …  
    12791385                     {{WRAPPER}} .depg-title-wrap .dwl-post-title > a,
    12801386                     {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a,
     1387                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title > a,
     1388                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-title-meta .dwl-post-title > a,
    12811389                     {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a' => 'color: {{VALUE}};',
    12821390                ],
    … …  
    13081416                     {{WRAPPER}} .depg-title-wrap .dwl-post-title > a:hover,
    13091417                     {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a:hover,
     1418                     {{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .dwl-post-title > a:hover,
     1419                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title > a:hover,
     1420                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-title-meta .dwl-post-title > a:hover,
    13101421                     {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a:hover' => 'color: {{VALUE}};',
    13111422                ),
    … …  
    13271438                    '{{WRAPPER}} .depg-grid-container .post-grid-text-wrap .dwl-post-title > a,
    13281439                     {{WRAPPER}} .depg-list-container .post-grid-text-wrap .dwl-post-title > a,
     1440                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title,
     1441                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-title-meta .dwl-post-title,
    13291442                     {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a,
    13301443                     {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    … …  
    13591472                'selector' => '{{WRAPPER}} .post-grid-meta span,
    13601473                {{WRAPPER}}  .depg-list-date,
     1474                {{WRAPPER}}  .depg-slider-container.depg-slider-layout-4 .depg-post-slider .fa-user:before,
    13611475                {{WRAPPER}} .degp-meta-data a',
    13621476            ]
    … …  
    13741488                    '{{WRAPPER}} .degp-meta-data a' => 'color: {{VALUE}};',
    13751489                    '{{WRAPPER}} .depg-list-date-date' => 'color: {{VALUE}};',
     1490                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .depg-post-slider .fa-user:before' => 'color: {{VALUE}};',
     1491                    '{{WRAPPER}} .depg-grid-layout-9 article:hover .post-grid-title-meta-wraper .post-grid-meta span' => 'color: {{VALUE}};',
     1492                    '{{WRAPPER}} .depg-grid-layout-10 .post-grid-meta .author-wrap' => 'border-color: {{VALUE}};',
    13761493                ],
    13771494            ]
    … …  
    15431660                    {{WRAPPER}} .post-grid-inner .post-grid-excerpt,
    15441661                    {{WRAPPER}} .post-grid-text-wrap .post-grid-excerpt,
    1545                     {{WRAPPER}} .degp-overlay-post-content-wrap .post-grid-excerpt',
     1662                    {{WRAPPER}} .degp-overlay-post-content-wrap .post-grid-excerpt,
     1663                    {{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap p',
    15461664                                   
    15471665            ]
    … …  
    15621680                    '{{WRAPPER}} .post-grid-text-wrap .post-grid-excerpt' => 'color: {{VALUE}};',
    15631681                    '{{WRAPPER}} .degp-overlay-post-content-wrap .post-grid-excerpt' => 'color: {{VALUE}};',
     1682                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap p' => 'color: {{VALUE}};',
    15641683                ],
    15651684            ]
    … …  
    15781697                    '{{WRAPPER}} .post-grid-inner .post-grid-excerpt' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    15791698                    '{{WRAPPER}} .degp-overlay-post-content-wrap .post-grid-excerpt' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     1699                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    15801700                ],
    15811701            ]
    … …  
    16111731                'selector'  => '{{WRAPPER}} .depg-grid-container .post-grid-text-wrap .read-more-btn-outline,
    16121732                                {{WRAPPER}} .depg-list-container .post-grid-text-wrap .read-more-btn-outline,
     1733                                {{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a,
    16131734                                {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .read-more-btn-outline',
    16141735            ]
    … …  
    16381759                    '{{WRAPPER}} .depg-list-container .post-grid-text-wrap .read-more-btn-outline' => 'color: {{VALUE}};',
    16391760                    '{{WRAPPER}} .depg-slider-container .post-grid-text-wrap .read-more-btn-outline' => 'color: {{VALUE}};',
     1761                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'color: {{VALUE}};',
    16401762                ],
    16411763            ]
    … …  
    16521774                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'background-color: {{VALUE}};',
    16531775                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'background-color: {{VALUE}};',
     1776                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'background-color: {{VALUE}};',
    16541777                ],
    16551778            ]
    … …  
    16661789                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'border-color: {{VALUE}};',
    16671790                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'border-color: {{VALUE}};',
     1791                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'border-color: {{VALUE}};',
    16681792                ],
    16691793            ]
    … …  
    16931817                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline:hover' => 'color: {{VALUE}};',
    16941818                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline:hover' => 'color: {{VALUE}};',
     1819                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a:hover' => 'color: {{VALUE}};',
    16951820                ),
    16961821            )
    … …  
    17071832                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline:hover' => 'background-color: {{VALUE}};',
    17081833                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline:hover' => 'background-color: {{VALUE}};',
     1834                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a:hover' => 'background-color: {{VALUE}};',
    17091835                ],
    17101836            ]
    … …  
    17211847                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline:hover' => 'border-color: {{VALUE}};',
    17221848                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline:hover' => 'border-color: {{VALUE}};',
     1849                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a:hover' => 'border-color: {{VALUE}};',
    17231850                ],
    17241851            ]
    … …  
    17411868                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'border-style: solid; border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17421869                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'border-style: solid; border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
     1870                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'border-style: solid; border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17431871                ],
    17441872            ]
    … …  
    17641892                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'border-radius: {{SIZE}}{{UNIT}}',
    17651893                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'border-radius: {{SIZE}}{{UNIT}}',
     1894                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'border-radius: {{SIZE}}{{UNIT}}',
    17661895                ),
    17671896            )
    … …  
    17791908                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17801909                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
     1910                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17811911                ),
    17821912            )
    … …  
    17941924                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17951925                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
     1926                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17961927                ],
    17971928            ]
    … …  
    18231954        $slider_style = !empty( $settings['slider_style'] ) ? $settings['slider_style'] : '';
    18241955
     1956        if( !empty( $layout_type ) ){
     1957
     1958            if('slider' == $layout_type && $settings['slider_style'] == '4' ){
     1959                $columns_desktop = 1;
     1960            }
     1961        }
     1962
     1963        //print_r($settings['columns']);
     1964       
    18251965        $layout_style_class = '';
    18261966        $layout_wrapper_class = 'dpg-row';
    … …  
    18441984        ?>
    18451985        <div class="depg-main <?php echo esc_attr( $layout_style_class ); ?>">
    1846             <div class="<?php echo esc_attr( $layout_wrapper_class ); ?>"
    1847             data-column = "<?php echo esc_attr($columns_desktop); ?>"
    1848             data-tablet-column = "<?php echo esc_attr($columns_tablet); ?>"
    1849             data-mobile-column = "<?php echo esc_attr($columns_mobile); ?>"
     1986            <div class="<?php echo esc_attr( $layout_wrapper_class ); ?>"
     1987                <?php if('slider' == $layout_type && $settings['slider_style'] == '4' ): ?>
     1988                    data-column = "<?php echo esc_attr('1'); ?>"
     1989                    data-tablet-column = "<?php echo esc_attr('1'); ?>"
     1990                    data-mobile-column = "<?php echo esc_attr('1'); ?>"
     1991                <?php else:?>
     1992                    data-column = "<?php echo esc_attr($columns_desktop); ?>"
     1993                    data-tablet-column = "<?php echo esc_attr($columns_tablet); ?>"
     1994                    data-mobile-column = "<?php echo esc_attr($columns_mobile); ?>"
     1995                <?php endif; ?>
     1996               
    18501997            <?php if('slider' == $layout_type): ?>
    18511998                data-arrows = "<?php echo esc_attr($slider_arrows); ?>"
    … …  
    19652112
    19662113                if ( $depg_get_all_posts->have_posts() ) :
    1967                     // $layout_file = __DIR__ . "/layouts/{$layout_type}/{$layout_type}-layout-{$grid_style}.php";
    1968                
    1969                     // if( file_exists( $layout_file ) ){
    1970                     //  include_once( $layout_file );
    1971                     // }
    1972                    
    1973                    
    19742114
    19752115                    if( 'grid'  == $layout_type ){
    … …  
    21112251
    21122252    }
     2253   
     2254    protected function render_author_date() {
     2255
     2256        $settings = $this->get_settings();
     2257
     2258        $meta_data = $settings['meta_data'];
     2259
     2260        if ( empty( $meta_data ) ) {
     2261            return;
     2262        }
     2263
     2264        ?>
     2265        <div class="post-grid-meta">
     2266            <div class="author-wrap">
     2267                <?php
     2268                    if ( in_array( 'author', $meta_data ) ) { ?>
     2269
     2270                            <span class="post-author"><i class="fa-regular fa-user"></i></span>
     2271
     2272                        <?php
     2273                    }
     2274                ?>
     2275            </div>
     2276            <div class="author-date-wrap">
     2277                <?php
     2278
     2279                    if ( in_array( 'author', $meta_data ) ) { ?>
     2280
     2281                            <span class="post-author"><?php the_author(); ?></span>
     2282
     2283                        <?php
     2284                    }
     2285
     2286
     2287                    if ( in_array( 'date', $meta_data ) ) { ?>
     2288
     2289                            <span class="post-date" <?php Helper::markup( array( "context" => "entry_time") ) ?> ><time datetime="<?php echo esc_attr( get_the_date( DATE_W3C ) ); ?>"><?php echo esc_html( get_the_date( get_option( 'date_format' ) ) ); ?></time></span>
     2290
     2291                        <?php
     2292                    }
     2293
     2294                ?>
     2295            </div>
     2296           
     2297        </div>
     2298        <?php
     2299
     2300    }
    21132301
    21142302    protected function render_terms( $post_id, $term_to_show = 2, $term = 'category' ){
    … …  
    21582346   
    21592347    }
     2348
     2349    protected function render_excerpt_slider_layout_4( $default_length = 25 ) {
     2350        if( empty( $default_length ) ){
     2351            return false;
     2352        }
     2353
     2354        $settings = $this->get_settings();
     2355        $show_excerpt = $settings['show_excerpt'];
     2356        $excerpt_length = !empty( $settings['excerpt_length'] ) ? absint( $settings['excerpt_length'] ) : $default_length;
     2357       
     2358        if ( 'yes' !== $show_excerpt ) {
     2359            return;
     2360        }
     2361   
     2362        $excerpt = get_the_excerpt();
     2363        $excerpt_words = wp_trim_words($excerpt, $excerpt_length);
     2364   
     2365        ?>
     2366            <div class="post-grid-excerpt" <?php Helper::markup( array( "context" => "entry_content") ) ?>>
     2367                <p>“<?php echo esc_html( $excerpt_words ); ?>”</p>
     2368                <?php $this->render_readmore() ?>
     2369            </div>
     2370        <?php
     2371   
     2372    }
    21602373   
    21612374

  • dynamic-post-grid-elementor-addon/trunk/assets/css/main.css

    r3126689 r3170903  
    489489  padding: 10px 24px;
    490490}
     491
     492/* slider style layout-4 */
     493.depg-slider-container.depg-slider-layout-4 .post-slider-inner {
     494  display: flex;
     495  flex-direction: row;
     496  flex-wrap: wrap;
     497  justify-content: space-around;
     498  align-items: center;
     499}
     500.depg-slider-container.depg-slider-layout-4 .post-grid-excerpt .read-more-btn,
     501.depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap .post-author,
     502.depg-slider-container.depg-slider-layout-4 .post-grid-excerpt p{
     503  color: #000000;
     504  font-family: 'inter', Sans-serif;
     505  font-size: 23px;
     506  font-weight: 400;
     507  line-height: 41px;
     508}
     509.depg-slider-container.depg-slider-layout-4 .post-grid-excerpt .read-more-btn{
     510  color: #d6670b;
     511}
     512.depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap .post-author{
     513  margin-bottom: 0px;
     514}
     515.depg-slider-container.depg-slider-layout-4 .post-grid-excerpt{
     516  margin-bottom: 0px;
     517}
     518.depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap{
     519  width: 75%;
     520  padding-left: 20px;
     521}
     522
     523.depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail {
     524  max-width: 220px;
     525  /* padding: 10px; */
     526  margin-bottom: 0px;
     527}
     528.depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail a img{
     529  margin-bottom: 0px;
     530}
     531.depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap p {
     532  display: inline;
     533}
     534.depg-slider-container.depg-slider-layout-4 a.read-more-btn-outline{
     535  background-color: transparent;
     536  border: 1px solid transparent;
     537}
     538
     539.depg-slider-container.depg-slider-layout-4 .depg-post-slider .slick-next.slick-arrow::before,
     540.depg-slider-container.depg-slider-layout-4 .depg-post-slider .slick-prev.slick-arrow::before{
     541  /* display: inline-block; */
     542  position: absolute;
     543  width: 60px;
     544  height: 60px;
     545  background: transparent;
     546  border-top: 2px solid #bfbfbf;
     547  border-left: 2px solid #bfbfbf;
     548  transition: all 250ms ease-in-out;
     549  text-decoration: none;
     550  color: transparent;
     551}
     552
     553.depg-slider-container.depg-slider-layout-4 .depg-post-slider .slick-prev.slick-arrow::before{
     554  transform: rotate(-45deg);
     555  left: 0;
     556}
     557
     558.depg-slider-container.depg-slider-layout-4 .depg-post-slider .slick-next.slick-arrow::before{
     559  transform: rotate(135deg);
     560  right: 0;
     561}
     562
     563.depg-slider-container.depg-slider-layout-4 .depg-post-slider button.slick-arrow {
     564  font-size: 0;
     565  position: absolute;
     566  z-index: 9;
     567  top: 30%;
     568  transform: translateX(-50%);
     569  display: block;
     570  background: transparent;
     571  border: 0 none;
     572}
     573
     574.depg-slider-container.depg-slider-layout-4 .depg-post-slider .fa-user:before{
     575  content: 'By:';
     576  color: #000000;
     577  font-family: 'inter', Sans-serif;
     578  font-size: 23px;
     579  font-weight: 400;
     580  line-height: 41px;
     581}
     582
     583@media (max-width: 979px){
     584  .depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail{
     585    padding: 0px;
     586    max-width: 240px;
     587  }
     588  .depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap{
     589    width: 66%;
     590    padding: 10px;
     591  }
     592}
     593
     594@media (max-width: 899px){
     595  .depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail{
     596    padding: 0px;
     597    max-width: 240px;
     598  }
     599  .depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap{
     600    width: 64%;
     601    padding: 10px;
     602  }
     603}
     604
     605@media (max-width: 805px){
     606  .depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail{
     607    padding: 0px;
     608    max-width: 240px;
     609  }
     610  .depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap{
     611    width: 60%;
     612    padding: 10px;
     613  }
     614}
     615
     616@media (max-width: 767px){
     617  .depg-slider-container.depg-slider-layout-4 .post-grid-thumbnail{
     618    width: 100%;
     619    padding: 0px;
     620    max-width: 100%;
     621  }
     622  .depg-slider-container.depg-slider-layout-4 .post-slider-text-wrap{
     623    width: 100%;
     624    padding: 10px;
     625  }
     626}
     627
     628/* slider style layout-4 end*/
    491629
    492630/* slider style */
    … …  
    11131251==================================================*/
    11141252.depg-grid-layout-9 .post-grid-inner-style-9 .post-grid-title-meta-wraper{
    1115   transition: 2s;
     1253  transition: .5s;
    11161254}
    11171255.depg-grid-layout-9 .post-grid-inner-style-9{
    11181256  width: 100%;
    11191257  height: auto;
    1120 
    1121 }
     1258}
     1259
    11221260.depg-grid-layout-9 article .post-grid-inner-style-9 .post-grid-thumbnail a img{
    11231261  width: 100%;
    11241262  height:400px;
    1125   transition:2s;
     1263  transition: all 3s;
    11261264}
    11271265.depg-grid-layout-9 article:hover .post-grid-inner-style-9{
    … …  
    11301268
    11311269.depg-grid-layout-9 article:hover .post-grid-title-meta-wraper {
    1132   position: absolute;
    1133   height: 100%;
    1134   /* height: auto; */
    11351270  width: 100%;
    11361271  bottom: 0px;
    … …  
    11391274  background: #0c0909d4;
    11401275}
     1276.depg-grid-layout-9 article:hover .post-grid-inner-style-9{
     1277  min-height: auto;
     1278}
     1279.depg-grid-layout-9 .post-grid-inner-style-9 {
     1280  padding-top: 304px;
     1281  transition: padding .5s;
     1282  width: 100%;
     1283}
     1284
     1285.depg-grid-layout-9 .post-grid-inner-style-9 {
     1286  transition-timing-function: linear;
     1287}
     1288
     1289.depg-grid-layout-9 article:hover .post-grid-inner-style-9{
     1290  padding:0px;
     1291}
     1292
     1293.depg-grid-layout-9 .post-grid-title-meta-wraper .dwl-post-title,
     1294.depg-grid-layout-9 .post-grid-title-meta-wraper .post-grid-meta{
     1295  display: none;
     1296}
     1297.depg-grid-layout-9 article:hover .post-grid-title-meta-wraper .dwl-post-title,
     1298.depg-grid-layout-9 article:hover .post-grid-title-meta-wraper .post-grid-meta{
     1299  display: block;
     1300}
    11411301
    11421302.depg-grid-layout-9 article:hover .post-grid-title-meta-wraper .post-grid-meta span,
    … …  
    11461306}
    11471307
    1148 .depg-grid-layout-9 article:hover .post-grid-inner-style-9 .post-grid-thumbnail {
    1149   margin-bottom: 0;
    1150 }
    1151 .depg-grid-layout-9 article:hover .post-grid-inner-style-9 .post-grid-thumbnail a{
    1152 
    1153   display: block;
    1154 }
     1308
     1309.depg-grid-layout-9 article:hover .post-grid-title-meta{
     1310  display: none;
     1311}
     1312
    11551313
    11561314.depg-grid-layout-9 article:hover .post-grid-inner-style-9 .post-grid-thumbnail a img {
    … …  
    11581316}
    11591317
     1318/* .depg-grid-layout-9 .post-grid-title-meta, */
    11601319.depg-grid-layout-9 .post-grid-text-wrap{
    11611320  display: none;
     1321  transition: 5s;
    11621322}
    11631323.depg-grid-layout-9 article:hover .post-grid-text-wrap{
    … …  
    11741334}
    11751335.depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title a {
    1176   /* font-size: 20px; */
     1336  font-family: 'Open Sans';
     1337  font-style: normal;
    11771338  font-weight: 600;
    1178   /* line-height: 25px; */
    1179 }
    1180 
    1181 
    1182 
     1339  font-size: 20px;
     1340  line-height: 25px;
     1341  color: #1D1D1D;
     1342}
     1343.depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title a,
     1344.depg-grid-layout-9 .post-grid-title-meta .dwl-post-title a {
     1345  font-family: 'Open Sans';
     1346  font-style: normal;
     1347  font-weight: 600;
     1348  font-size: 20px;
     1349  line-height: 25px;
     1350  color: #1D1D1D;
     1351}
     1352
     1353
     1354
     1355/*====================================================
     1356Grid layout 10
     1357==================================================*/
     1358
     1359.depg-grid-layout-10 .post-grid-text-wrap .read-more-btn{
     1360  display: none;
     1361  transform: translate(2s);
     1362}
     1363.depg-grid-layout-10 .post-grid-inner-style-10:hover .post-grid-text-wrap .read-more-btn{
     1364  display: block;
     1365  transform: translate(2s);
     1366}
     1367
     1368.depg-grid-layout-10 .post-grid-inner-style-10:hover .post-grid-text-wrap{
     1369  padding: 20px 0px 0px;
     1370}
     1371.depg-grid-layout-10 .post-grid-inner-style-10:hover .read-more-btn{
     1372  width: 100%;
     1373  background: #11A4AD;
     1374  font-family: 'Open Sans';
     1375  font-style: normal;
     1376  font-weight: 400;
     1377  font-size: 16px;
     1378  line-height: 16px;
     1379  text-align: right;
     1380  color: #FFFFFF;
     1381  border: 1px solid #11A4AD;
     1382}
     1383.depg-grid-layout-10 .post-grid-meta {
     1384  display: flex;
     1385  flex-wrap: wrap;
     1386  align-items: center;
     1387  gap: 7px;
     1388}
     1389.depg-grid-layout-10 .author-date-wrap{
     1390  display: flex;
     1391  flex-direction: column;
     1392  margin-bottom: 0;
     1393}
     1394
     1395.depg-grid-layout-10 .post-grid-meta .post-date::before{
     1396  display: none;
     1397  margin-top: 10px;
     1398}
     1399
     1400.depg-grid-layout-10 .post-grid-meta .post-date .fa-calendar-days{
     1401  display: none;
     1402}
     1403
     1404.depg-grid-layout-10 .post-grid-meta .post-author{
     1405  font-family: 'Open Sans';
     1406  color: #16bbaa;
     1407  font-size: 16px;
     1408  line-height: 12px;
     1409  font-weight: 600;
     1410}
     1411
     1412.depg-grid-layout-10 .post-grid-meta .author-wrap{
     1413  display: flex;
     1414  align-items: center;
     1415  justify-content: center;
     1416}
     1417.depg-grid-layout-10 .post-grid-meta .author-wrap{
     1418  text-align: center;
     1419  width: 38px;
     1420  height: 38px;
     1421  border: 1px solid #11A4AD;
     1422  border-radius: 50%;
     1423}
     1424
     1425.depg-grid-layout-10 .post-grid-meta .post-date{
     1426  font-family: 'Open Sans';
     1427  font-size: 12px;
     1428  line-height: 12px;
     1429  font-weight: 400;
     1430  color: #707070;
     1431  margin: 5px 0px 0px 0px;
     1432}
     1433
     1434.depg-grid-layout-10 .post-grid-inner {
     1435  overflow: hidden;
     1436  position: relative;
     1437  border-radius: 10px;
     1438  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
     1439}
     1440
     1441.depg-grid-layout-10 .post-grid-thumbnail a img{
     1442  border-radius: 15px;
     1443 
     1444
     1445}
     1446
     1447.depg-grid-layout-10 .post-grid-text-wrap {
     1448  width: 80%;
     1449  position: absolute;
     1450  right: 0;
     1451  bottom: 0;
     1452  background: #FFFFFF;
     1453  backdrop-filter: blur(12.5px);
     1454  display: flex;
     1455  flex-direction: column;
     1456  justify-content: center;
     1457  align-items: flex-start;
     1458  gap: 5px;
     1459  padding: 20px 0px 20px;
     1460  border-radius: 10px 0px 0px 0px;
     1461  /* transition:height 4s; */
     1462}
     1463
     1464.depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta{
     1465  display: flex;
     1466  flex-wrap: wrap;
     1467  position: relative;
     1468  padding-left: 15px;
     1469}
     1470
     1471.depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta a{
     1472  font-family: 'Open Sans';
     1473  font-style: normal;
     1474  font-weight: 400;
     1475  font-size: 16px;
     1476  line-height: 30px;
     1477  text-transform: uppercase;
     1478  color: #000000;
     1479  padding-right: 10px;
     1480}
     1481
     1482.depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta a::after {
     1483  position: absolute;
     1484  content: '';
     1485  width: 1px;
     1486  height: 13px;
     1487  background-color: #000000;
     1488  bottom: 9px;
     1489  margin-left: 5px;
     1490}
     1491
     1492.depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta a:last-child::after{
     1493  display: none;
     1494}
     1495
     1496.depg-grid-layout-10 .post-grid-title-meta-wraper {
     1497  position: absolute;
     1498  top: 0;
     1499  left: 0;
     1500  background: #FFFFFF;
     1501  border-radius: 0px 0px 15px 0px;
     1502  padding: 16px 30px;
     1503}
     1504
     1505.depg-grid-layout-10 .post-grid-inner-style-10 .post-grid-thumbnail{
     1506  margin-bottom: -7px;
     1507}
     1508
     1509.depg-grid-layout-10 .post-grid-text-wrap .dwl-post-title a {
     1510  font-family: 'Open Sans';
     1511  font-style: normal;
     1512  font-weight: 600;
     1513  font-size: 20px;
     1514  color: #11A4AD;
     1515}
     1516.depg-grid-layout-10 .post-grid-text-wrap h3{
     1517  padding-left: 15px;
     1518}
     1519/* .depg-grid-layout-10 .post-grid-inner-style-10{
     1520  border-radius: 10px;
     1521} */
    11831522
    11841523/*====================================================

  • dynamic-post-grid-elementor-addon/trunk/assets/icons/slider-style-1.svg

    r3092768 r3170903  
    11<svg width="140" height="90" viewBox="0 0 140 90" fill="none" xmlns="http://www.w3.org/2000/svg">
    22<rect width="140" height="90" fill="white"/>
    3 <g clip-path="url(#clip0_19_2635)">
    4 <rect x="4" y="32.5557" width="39" height="51.7759" fill="white"/>
    5 <rect x="4" y="32" width="40" height="31" fill="#56A162"/>
    6 <rect opacity="0.9" x="8" y="48" width="31" height="5" rx="1.1095" fill="white"/>
    7 <rect opacity="0.8" x="17" y="56" width="6" height="2" fill="white"/>
    8 <rect opacity="0.8" x="25" y="56" width="6" height="2" fill="white"/>
     3<g clip-path="url(#clip0_19_2518)">
     4<rect x="5.5" y="15.1123" width="39" height="51.7759" fill="white"/>
     5<rect x="5.5" y="15.1123" width="39" height="26.8966" fill="#46E19C"/>
     6<rect opacity="0.9" x="8.86206" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
     7<rect opacity="0.8" x="8.86206" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#46E19C"/>
     8<rect opacity="0.6" x="8.86206" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     9<rect opacity="0.6" x="8.86206" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     10<rect opacity="0.6" x="8.86206" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     11<rect opacity="0.6" x="8.86206" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    912</g>
    10 <g clip-path="url(#clip1_19_2635)">
    11 <rect x="50" y="32.5557" width="39" height="51.7759" fill="white"/>
    12 <rect x="50" y="32" width="40" height="31" fill="#56A162"/>
    13 <rect opacity="0.9" x="54" y="48" width="31" height="5" rx="1.1095" fill="white"/>
    14 <rect opacity="0.8" x="63" y="56" width="6" height="2" fill="white"/>
    15 <rect opacity="0.8" x="71" y="56" width="6" height="2" fill="white"/>
     13<rect x="5.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
     14<g clip-path="url(#clip1_19_2518)">
     15<rect x="50.5" y="15.1123" width="39" height="51.7759" fill="white"/>
     16<rect x="50.5" y="15.1123" width="39" height="26.8966" fill="#F5B936"/>
     17<rect opacity="0.9" x="53.8621" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
     18<rect opacity="0.8" x="53.8621" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#F5B936"/>
     19<rect opacity="0.6" x="53.8621" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     20<rect opacity="0.6" x="53.8621" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     21<rect opacity="0.6" x="53.8621" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     22<rect opacity="0.6" x="53.8621" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    1623</g>
    17 <g clip-path="url(#clip2_19_2635)">
    18 <rect x="96" y="32.5557" width="39" height="51.7759" fill="white"/>
    19 <rect x="96" y="32" width="40" height="31" fill="#56A162"/>
    20 <rect opacity="0.9" x="100" y="48" width="31" height="5" rx="1.1095" fill="white"/>
    21 <rect opacity="0.8" x="109" y="56" width="6" height="2" fill="white"/>
    22 <rect opacity="0.8" x="117" y="56" width="6" height="2" fill="white"/>
     24<rect x="50.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
     25<g clip-path="url(#clip2_19_2518)">
     26<rect x="95.5" y="15.1123" width="39" height="51.7759" fill="white"/>
     27<rect x="95.5" y="15.1123" width="39" height="26.8966" fill="#FF4F4F"/>
     28<rect opacity="0.9" x="98.8621" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
     29<rect opacity="0.8" x="98.8621" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#FF4F4F"/>
     30<rect opacity="0.6" x="98.8621" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     31<rect opacity="0.6" x="98.8621" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     32<rect opacity="0.6" x="98.8621" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     33<rect opacity="0.6" x="98.8621" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    2334</g>
    24 <path d="M26.5112 81.4414L26.0815 81.8711C25.8862 82.0469 25.5933 82.0469 25.4175 81.8711L21.6089 78.082C21.4331 77.8867 21.4331 77.5938 21.6089 77.418L25.4175 73.6094C25.5933 73.4336 25.8862 73.4336 26.0815 73.6094L26.5112 74.0391C26.687 74.2344 26.687 74.5273 26.5112 74.7227L24.1479 76.9688L29.7534 76.9688C30.0269 76.9688 30.2222 77.1641 30.2222 77.4375L30.2222 78.0625C30.2222 78.3164 30.0269 78.5313 29.7534 78.5313L24.1479 78.5313L26.5112 80.7578C26.687 80.9531 26.7065 81.2461 26.5112 81.4414Z" fill="#5D5757"/>
    25 <path d="M114.231 73.626L114.747 73.1104C114.981 72.8994 115.333 72.8994 115.543 73.1104L120.114 77.6572C120.325 77.8916 120.325 78.2432 120.114 78.4541L115.543 83.0244C115.333 83.2354 114.981 83.2354 114.747 83.0244L114.231 82.5088C114.02 82.2744 114.02 81.9229 114.231 81.6885L117.067 78.9932H110.34C110.012 78.9932 109.778 78.7588 109.778 78.4307V77.6807C109.778 77.376 110.012 77.1182 110.34 77.1182H117.067L114.231 74.4463C114.02 74.2119 113.997 73.8604 114.231 73.626Z" fill="#5D5757"/>
    26 <circle cx="59.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
    27 <circle cx="64.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
    28 <circle cx="69.2778" cy="77.168" r="1.5" fill="#5E5858"/>
    29 <circle cx="74.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
    30 <circle cx="79.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
     35<rect x="95.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
     36<path d="M27.7335 81.7734L27.3038 82.2031C27.1085 82.3789 26.8156 82.3789 26.6398 82.2031L22.8312 78.4141C22.6554 78.2188 22.6554 77.9258 22.8312 77.75L26.6398 73.9414C26.8156 73.7656 27.1085 73.7656 27.3038 73.9414L27.7335 74.3711C27.9093 74.5664 27.9093 74.8594 27.7335 75.0547L25.3702 77.3008L30.9757 77.3008C31.2491 77.3008 31.4445 77.4961 31.4445 77.7695L31.4445 78.3945C31.4445 78.6484 31.2491 78.8633 30.9757 78.8633L25.3702 78.8633L27.7335 81.0898C27.9093 81.2852 27.9288 81.5781 27.7335 81.7734Z" fill="#5D5757"/>
     37<path d="M114.711 74.4463L115.141 74.0166C115.336 73.8408 115.629 73.8408 115.805 74.0166L119.613 77.8057C119.789 78.001 119.789 78.2939 119.613 78.4697L115.805 82.2783C115.629 82.4541 115.336 82.4541 115.141 82.2783L114.711 81.8486C114.535 81.6533 114.535 81.3604 114.711 81.165L117.074 78.9189H111.469C111.195 78.9189 111 78.7236 111 78.4502V77.8252C111 77.5713 111.195 77.3564 111.469 77.3564H117.074L114.711 75.1299C114.535 74.9346 114.516 74.6416 114.711 74.4463Z" fill="#5D5757"/>
     38<circle cx="60.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
     39<circle cx="65.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
     40<circle cx="70.5" cy="77.5" r="1.5" fill="#5E5858"/>
     41<circle cx="75.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
     42<circle cx="80.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
    3143<defs>
    32 <clipPath id="clip0_19_2635">
    33 <rect x="4" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
     44<clipPath id="clip0_19_2518">
     45<rect x="5.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
    3446</clipPath>
    35 <clipPath id="clip1_19_2635">
    36 <rect x="50" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
     47<clipPath id="clip1_19_2518">
     48<rect x="50.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
    3749</clipPath>
    38 <clipPath id="clip2_19_2635">
    39 <rect x="96" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
     50<clipPath id="clip2_19_2518">
     51<rect x="95.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
    4052</clipPath>
    4153</defs>

  • dynamic-post-grid-elementor-addon/trunk/assets/icons/slider-style-3.svg

    r3092768 r3170903  
    11<svg width="140" height="90" viewBox="0 0 140 90" fill="none" xmlns="http://www.w3.org/2000/svg">
    22<rect width="140" height="90" fill="white"/>
    3 <g clip-path="url(#clip0_19_2518)">
    4 <rect x="5.5" y="15.1123" width="39" height="51.7759" fill="white"/>
    5 <rect x="5.5" y="15.1123" width="39" height="26.8966" fill="#46E19C"/>
    6 <rect opacity="0.9" x="8.86206" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
    7 <rect opacity="0.8" x="8.86206" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#46E19C"/>
    8 <rect opacity="0.6" x="8.86206" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    9 <rect opacity="0.6" x="8.86206" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    10 <rect opacity="0.6" x="8.86206" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    11 <rect opacity="0.6" x="8.86206" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     3<g clip-path="url(#clip0_19_2635)">
     4<rect x="4" y="32.5557" width="39" height="51.7759" fill="white"/>
     5<rect x="4" y="32" width="40" height="31" fill="#56A162"/>
     6<rect opacity="0.9" x="8" y="48" width="31" height="5" rx="1.1095" fill="white"/>
     7<rect opacity="0.8" x="17" y="56" width="6" height="2" fill="white"/>
     8<rect opacity="0.8" x="25" y="56" width="6" height="2" fill="white"/>
    129</g>
    13 <rect x="5.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
    14 <g clip-path="url(#clip1_19_2518)">
    15 <rect x="50.5" y="15.1123" width="39" height="51.7759" fill="white"/>
    16 <rect x="50.5" y="15.1123" width="39" height="26.8966" fill="#F5B936"/>
    17 <rect opacity="0.9" x="53.8621" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
    18 <rect opacity="0.8" x="53.8621" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#F5B936"/>
    19 <rect opacity="0.6" x="53.8621" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    20 <rect opacity="0.6" x="53.8621" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    21 <rect opacity="0.6" x="53.8621" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    22 <rect opacity="0.6" x="53.8621" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     10<g clip-path="url(#clip1_19_2635)">
     11<rect x="50" y="32.5557" width="39" height="51.7759" fill="white"/>
     12<rect x="50" y="32" width="40" height="31" fill="#56A162"/>
     13<rect opacity="0.9" x="54" y="48" width="31" height="5" rx="1.1095" fill="white"/>
     14<rect opacity="0.8" x="63" y="56" width="6" height="2" fill="white"/>
     15<rect opacity="0.8" x="71" y="56" width="6" height="2" fill="white"/>
    2316</g>
    24 <rect x="50.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
    25 <g clip-path="url(#clip2_19_2518)">
    26 <rect x="95.5" y="15.1123" width="39" height="51.7759" fill="white"/>
    27 <rect x="95.5" y="15.1123" width="39" height="26.8966" fill="#FF4F4F"/>
    28 <rect opacity="0.9" x="98.8621" y="44.6987" width="15.4655" height="2.68966" rx="1.1095" fill="#B1B1B1"/>
    29 <rect opacity="0.8" x="98.8621" y="61.5088" width="9.41379" height="2.68966" rx="1.1095" fill="#FF4F4F"/>
    30 <rect opacity="0.6" x="98.8621" y="50.75" width="31.6034" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    31 <rect opacity="0.6" x="98.8621" y="52.7676" width="19.5" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    32 <rect opacity="0.6" x="98.8621" y="56.8018" width="23.5345" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
    33 <rect opacity="0.6" x="98.8621" y="54.7847" width="28.9138" height="0.672414" rx="0.336207" fill="#B1B1B1"/>
     17<g clip-path="url(#clip2_19_2635)">
     18<rect x="96" y="32.5557" width="39" height="51.7759" fill="white"/>
     19<rect x="96" y="32" width="40" height="31" fill="#56A162"/>
     20<rect opacity="0.9" x="100" y="48" width="31" height="5" rx="1.1095" fill="white"/>
     21<rect opacity="0.8" x="109" y="56" width="6" height="2" fill="white"/>
     22<rect opacity="0.8" x="117" y="56" width="6" height="2" fill="white"/>
    3423</g>
    35 <rect x="95.6681" y="15.2804" width="38.6638" height="51.4397" rx="1.21707" stroke="#B1B1B1" stroke-width="0.336207"/>
    36 <path d="M27.7335 81.7734L27.3038 82.2031C27.1085 82.3789 26.8156 82.3789 26.6398 82.2031L22.8312 78.4141C22.6554 78.2188 22.6554 77.9258 22.8312 77.75L26.6398 73.9414C26.8156 73.7656 27.1085 73.7656 27.3038 73.9414L27.7335 74.3711C27.9093 74.5664 27.9093 74.8594 27.7335 75.0547L25.3702 77.3008L30.9757 77.3008C31.2491 77.3008 31.4445 77.4961 31.4445 77.7695L31.4445 78.3945C31.4445 78.6484 31.2491 78.8633 30.9757 78.8633L25.3702 78.8633L27.7335 81.0898C27.9093 81.2852 27.9288 81.5781 27.7335 81.7734Z" fill="#5D5757"/>
    37 <path d="M114.711 74.4463L115.141 74.0166C115.336 73.8408 115.629 73.8408 115.805 74.0166L119.613 77.8057C119.789 78.001 119.789 78.2939 119.613 78.4697L115.805 82.2783C115.629 82.4541 115.336 82.4541 115.141 82.2783L114.711 81.8486C114.535 81.6533 114.535 81.3604 114.711 81.165L117.074 78.9189H111.469C111.195 78.9189 111 78.7236 111 78.4502V77.8252C111 77.5713 111.195 77.3564 111.469 77.3564H117.074L114.711 75.1299C114.535 74.9346 114.516 74.6416 114.711 74.4463Z" fill="#5D5757"/>
    38 <circle cx="60.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
    39 <circle cx="65.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
    40 <circle cx="70.5" cy="77.5" r="1.5" fill="#5E5858"/>
    41 <circle cx="75.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
    42 <circle cx="80.5" cy="77.5" r="1.5" fill="#D9D9D9"/>
     24<path d="M26.5112 81.4414L26.0815 81.8711C25.8862 82.0469 25.5933 82.0469 25.4175 81.8711L21.6089 78.082C21.4331 77.8867 21.4331 77.5938 21.6089 77.418L25.4175 73.6094C25.5933 73.4336 25.8862 73.4336 26.0815 73.6094L26.5112 74.0391C26.687 74.2344 26.687 74.5273 26.5112 74.7227L24.1479 76.9688L29.7534 76.9688C30.0269 76.9688 30.2222 77.1641 30.2222 77.4375L30.2222 78.0625C30.2222 78.3164 30.0269 78.5313 29.7534 78.5313L24.1479 78.5313L26.5112 80.7578C26.687 80.9531 26.7065 81.2461 26.5112 81.4414Z" fill="#5D5757"/>
     25<path d="M114.231 73.626L114.747 73.1104C114.981 72.8994 115.333 72.8994 115.543 73.1104L120.114 77.6572C120.325 77.8916 120.325 78.2432 120.114 78.4541L115.543 83.0244C115.333 83.2354 114.981 83.2354 114.747 83.0244L114.231 82.5088C114.02 82.2744 114.02 81.9229 114.231 81.6885L117.067 78.9932H110.34C110.012 78.9932 109.778 78.7588 109.778 78.4307V77.6807C109.778 77.376 110.012 77.1182 110.34 77.1182H117.067L114.231 74.4463C114.02 74.2119 113.997 73.8604 114.231 73.626Z" fill="#5D5757"/>
     26<circle cx="59.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
     27<circle cx="64.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
     28<circle cx="69.2778" cy="77.168" r="1.5" fill="#5E5858"/>
     29<circle cx="74.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
     30<circle cx="79.2778" cy="77.168" r="1.5" fill="#D9D9D9"/>
    4331<defs>
    44 <clipPath id="clip0_19_2518">
    45 <rect x="5.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
     32<clipPath id="clip0_19_2635">
     33<rect x="4" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
    4634</clipPath>
    47 <clipPath id="clip1_19_2518">
    48 <rect x="50.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
     35<clipPath id="clip1_19_2635">
     36<rect x="50" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
    4937</clipPath>
    50 <clipPath id="clip2_19_2518">
    51 <rect x="95.5" y="15.1123" width="39" height="51.7759" rx="1.38517" fill="white"/>
     38<clipPath id="clip2_19_2635">
     39<rect x="96" y="32.5557" width="40" height="30" rx="1.38517" fill="white"/>
    5240</clipPath>
    5341</defs>

  • dynamic-post-grid-elementor-addon/trunk/assets/js/post-grid.js

    r3092768 r3170903  
    77        const slider = $('.depg-post-slider:not(.slick-initialized)');
    88
     9
    910        if( ! slider ){
    1011            return false;
    … …  
    1213
    1314        slider.each(function() {
     15           
     16            let $this = $(this);
    1417
    15             $(this).slick({
    16                 slidesToShow: slider.attr('data-column') ?? 2,
    17                 dots: slider.attr('data-dots') ? true : false,
     18            $this.slick({
     19               
     20                slidesToShow: $this.attr('data-column') ?? 2,
     21                dots: $this.attr('data-dots') ? true : false,
    1822                dotsClass: 'dpg-slider-dots',
    19                 autoplaySpeed: slider.attr('data-speed') ?? 4000,
    20                 autoplay: Boolean( slider.attr('data-autoplay') ),
    21                 arrows: slider.attr('data-arrows') ? true : false,
     23                autoplaySpeed: $this.attr('data-speed') ?? 4000,
     24                autoplay: Boolean( $this.attr('data-autoplay') ),
     25                arrows: $this.attr('data-arrows') ? true : false,
    2226                responsive: [
    2327                    {
    2428                        breakpoint: 991,
    2529                        settings: {
    26                             slidesToShow: slider.attr('data-tablet-column') ?? 1,
     30                            slidesToShow: $this.attr('data-tablet-column') ?? 1,
    2731                        }
    2832                    },

  • dynamic-post-grid-elementor-addon/trunk/dynamic-post-grid.php

    r3126689 r3170903  
    44 * Requires Plugins: elementor
    55 * Description: Elementor page builder addon to display posts in a grid. Useful for generating post grid from your blog posts with multiple options.
    6  * Version: 1.0.4
     6 * Version: 1.0.5
    77 * Author: DynamicWebLab
    88 * Author URI: https://dynamicweblab.com/
    … …  
    1414if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
    1515
    16 define( 'DPGEA_VERSION', '1.0.4' );
     16define( 'DPGEA_VERSION', '1.0.5' );
    1717define( 'DPGEA_SLUG', 'dynamic-post-grid' );
    1818define( 'DPGEA_URL', rtrim( plugin_dir_url( __FILE__ ), '/' ) );

  • dynamic-post-grid-elementor-addon/trunk/readme.txt

    r3126689 r3170903  
    44Requires at least: 5.0
    55Tested up to: 6.5.3
    6 Stable tag: 1.0.4
     6Stable tag: 1.0.5
    77Requires PHP: 5.6
    88License: GPLv2 or later
    … …  
    7676== Changelog ==
    7777
     78= 1.0.5 =
     79* [Feature] Added 2 new grid layouts
     80* [Feature] Added 1 new slider layouts
     81* Slider Bug Fix
     82
    7883= 1.0.4 =
    7984* [Feature] Added 2 new layout

  • dynamic-post-grid-elementor-addon/trunk/widgets/layouts/grid/grid-layout-9.php

    r3126690 r3170903  
    1111         
    1212            <div class="post-grid-inner">
    13                 <div class="post-grid-inner-style-9">
    14                     <?php $this->render_thumbnail(); ?>
     13                <div class="post-grid-inner-style-9" style="background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('<?php the_post_thumbnail_url( ); ?>')">
    1514                    <div class="post-grid-title-meta-wraper">
    1615                        <?php $this->render_title(); ?>
    … …  
    1817                    </div>
    1918                </div>
    20 
     19                <div class="post-grid-title-meta">
     20                        <?php $this->render_title(); ?>
     21                        <?php $this->render_meta(); ?>
     22                </div>
    2123                <div class="post-grid-text-wrap">
    2224                    <?php $this->render_excerpt(); ?>

  • dynamic-post-grid-elementor-addon/trunk/widgets/post-grid.php

    r3126689 r3170903  
    110110        $this->dpga_style_image_options();
    111111
     112        $this->dpga_style_cat_options();
    112113        $this->dpga_style_title_options();
    113114        $this->dpga_style_meta_options();
    … …  
    187188                        'title' => esc_html__('Layout 9', 'dynamic-post-grid'),
    188189                        'url' => DPGEA_URL .'/assets/icons/grid-9.svg',
     190                    ],
     191                    '10' => [
     192                        'title' => esc_html__('Layout 10', 'dynamic-post-grid'),
     193                        'url' => DPGEA_URL .'/assets/icons/grid-10.svg',
    189194                    ],
    190195                ],
    … …  
    253258                    '1' => [
    254259                        'title' => esc_html__('Layout 1', 'dynamic-post-grid'),
    255                         'url' => DPGEA_URL .'/assets/icons/slider-style-3.svg',
     260                        'url' => DPGEA_URL .'/assets/icons/slider-style-1.svg',
    256261                    ],
    257262                    '2' => [
    … …  
    261266                    '3' => [
    262267                        'title' => esc_html__('Layout 3', 'dynamic-post-grid'),
    263                         'url' => DPGEA_URL .'/assets/icons/slider-style-1.svg',
     268                        'url' => DPGEA_URL .'/assets/icons/slider-style-3.svg',
     269                    ],
     270                    '4' => [
     271                        'title' => esc_html__('Layout 4', 'dynamic-post-grid'),
     272                        'url' => DPGEA_URL .'/assets/icons/slider-style-4.svg',
    264273                    ],
    265274                ],
    … …  
    12291238
    12301239    /**
     1240     * Style > Catecategory.
     1241     */
     1242    private function dpga_style_cat_options() {
     1243        // Tab.
     1244        $this->start_controls_section(
     1245            'section_grid_cate_style',
     1246            [
     1247                'label'     => __( 'Catecategory', 'dynamic-post-grid' ),
     1248                'tab'       => Controls_Manager::TAB_STYLE,
     1249            ]
     1250        );
     1251
     1252        // Catecategory typography.
     1253        $this->add_group_control(
     1254            Group_Control_Typography::get_type(),
     1255            [
     1256                'name'     => 'grid_cat_style_typography',
     1257                'global' => [
     1258                    'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
     1259                ],
     1260                'selector' => '{{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta > a',
     1261            ]
     1262        );
     1263
     1264        $this->start_controls_tabs( 'grid_cat_color_style' );
     1265
     1266        // Normal tab.
     1267        $this->start_controls_tab(
     1268            'grid_cat_style_normal',
     1269            array(
     1270                'label' => esc_html__( 'Normal', 'dynamic-post-grid' ),
     1271            )
     1272        );
     1273
     1274        // Catecategory color.
     1275        $this->add_control(
     1276            'grid_cat_style_color',
     1277            [
     1278                'type'      => Controls_Manager::COLOR,
     1279                'label'     => __( 'Color', 'dynamic-post-grid' ),
     1280
     1281                'selectors' => [
     1282                    '{{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta > a' => 'color: {{VALUE}};',
     1283                    '{{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta a::after' => 'background: {{VALUE}};',
     1284                ],
     1285            ]
     1286        );
     1287
     1288        $this->end_controls_tab();
     1289
     1290        // Hover tab.
     1291        $this->start_controls_tab(
     1292            'grid_cat_style_hover',
     1293            array(
     1294                'label' => esc_html__( 'Hover', 'dynamic-post-grid' ),
     1295            )
     1296        );
     1297
     1298        // Catecategory hover color.
     1299        $this->add_control(
     1300            'grid_cat_style_hover_color',
     1301            array(
     1302                'type'      => Controls_Manager::COLOR,
     1303                'label'     => esc_html__( 'Color', 'dynamic-post-grid' ),
     1304                'global' => [
     1305                    'default' => Global_Colors::COLOR_PRIMARY,
     1306                ],
     1307                'selectors' => array(
     1308                    '{{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta > a:hover' => 'color: {{VALUE}};',
     1309                ),
     1310            )
     1311        );
     1312
     1313        $this->end_controls_tab();
     1314
     1315        $this->end_controls_tabs();
     1316
     1317        // catecategory margin.
     1318        $this->add_responsive_control(
     1319            'grid_cat_style_margin',
     1320            [
     1321                'label'      => __( 'Margin', 'dynamic-post-grid' ),
     1322                'type'       => Controls_Manager::DIMENSIONS,
     1323                'size_units' => [ 'px' ],
     1324                'selectors'  => [
     1325                    '{{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .degp-term-meta' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     1326                ],
     1327            ]
     1328        );
     1329
     1330        $this->end_controls_section();
     1331    }
     1332
     1333
     1334    /**
    12311335     * Style > Title.
    12321336     */
    … …  
    12531357                               {{WRAPPER}} .depg-title-wrap .dwl-post-title > a,
    12541358                               {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a,
     1359                               {{WRAPPER}} .depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title > a,
     1360                               {{WRAPPER}} .depg-grid-layout-9 .post-grid-title-meta .dwl-post-title > a,
    12551361                               {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a',
    12561362            ]
    … …  
    12791385                     {{WRAPPER}} .depg-title-wrap .dwl-post-title > a,
    12801386                     {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a,
     1387                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title > a,
     1388                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-title-meta .dwl-post-title > a,
    12811389                     {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a' => 'color: {{VALUE}};',
    12821390                ],
    … …  
    13081416                     {{WRAPPER}} .depg-title-wrap .dwl-post-title > a:hover,
    13091417                     {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a:hover,
     1418                     {{WRAPPER}} .depg-grid-layout-10 .post-grid-text-wrap .dwl-post-title > a:hover,
     1419                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title > a:hover,
     1420                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-title-meta .dwl-post-title > a:hover,
    13101421                     {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a:hover' => 'color: {{VALUE}};',
    13111422                ),
    … …  
    13271438                    '{{WRAPPER}} .depg-grid-container .post-grid-text-wrap .dwl-post-title > a,
    13281439                     {{WRAPPER}} .depg-list-container .post-grid-text-wrap .dwl-post-title > a,
     1440                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-inner-style-9 .dwl-post-title,
     1441                     {{WRAPPER}} .depg-grid-layout-9 .post-grid-title-meta .dwl-post-title,
    13291442                     {{WRAPPER}} .degp-overlay-post-content-wrap .dwl-post-title > a,
    13301443                     {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .dwl-post-title > a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    … …  
    13591472                'selector' => '{{WRAPPER}} .post-grid-meta span,
    13601473                {{WRAPPER}}  .depg-list-date,
     1474                {{WRAPPER}}  .depg-slider-container.depg-slider-layout-4 .depg-post-slider .fa-user:before,
    13611475                {{WRAPPER}} .degp-meta-data a',
    13621476            ]
    … …  
    13741488                    '{{WRAPPER}} .degp-meta-data a' => 'color: {{VALUE}};',
    13751489                    '{{WRAPPER}} .depg-list-date-date' => 'color: {{VALUE}};',
     1490                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .depg-post-slider .fa-user:before' => 'color: {{VALUE}};',
     1491                    '{{WRAPPER}} .depg-grid-layout-9 article:hover .post-grid-title-meta-wraper .post-grid-meta span' => 'color: {{VALUE}};',
     1492                    '{{WRAPPER}} .depg-grid-layout-10 .post-grid-meta .author-wrap' => 'border-color: {{VALUE}};',
    13761493                ],
    13771494            ]
    … …  
    15431660                    {{WRAPPER}} .post-grid-inner .post-grid-excerpt,
    15441661                    {{WRAPPER}} .post-grid-text-wrap .post-grid-excerpt,
    1545                     {{WRAPPER}} .degp-overlay-post-content-wrap .post-grid-excerpt',
     1662                    {{WRAPPER}} .degp-overlay-post-content-wrap .post-grid-excerpt,
     1663                    {{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap p',
    15461664                                   
    15471665            ]
    … …  
    15621680                    '{{WRAPPER}} .post-grid-text-wrap .post-grid-excerpt' => 'color: {{VALUE}};',
    15631681                    '{{WRAPPER}} .degp-overlay-post-content-wrap .post-grid-excerpt' => 'color: {{VALUE}};',
     1682                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap p' => 'color: {{VALUE}};',
    15641683                ],
    15651684            ]
    … …  
    15781697                    '{{WRAPPER}} .post-grid-inner .post-grid-excerpt' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    15791698                    '{{WRAPPER}} .degp-overlay-post-content-wrap .post-grid-excerpt' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     1699                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    15801700                ],
    15811701            ]
    … …  
    16111731                'selector'  => '{{WRAPPER}} .depg-grid-container .post-grid-text-wrap .read-more-btn-outline,
    16121732                                {{WRAPPER}} .depg-list-container .post-grid-text-wrap .read-more-btn-outline,
     1733                                {{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a,
    16131734                                {{WRAPPER}} .depg-slider-container .post-grid-text-wrap .read-more-btn-outline',
    16141735            ]
    … …  
    16381759                    '{{WRAPPER}} .depg-list-container .post-grid-text-wrap .read-more-btn-outline' => 'color: {{VALUE}};',
    16391760                    '{{WRAPPER}} .depg-slider-container .post-grid-text-wrap .read-more-btn-outline' => 'color: {{VALUE}};',
     1761                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'color: {{VALUE}};',
    16401762                ],
    16411763            ]
    … …  
    16521774                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'background-color: {{VALUE}};',
    16531775                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'background-color: {{VALUE}};',
     1776                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'background-color: {{VALUE}};',
    16541777                ],
    16551778            ]
    … …  
    16661789                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'border-color: {{VALUE}};',
    16671790                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'border-color: {{VALUE}};',
     1791                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'border-color: {{VALUE}};',
    16681792                ],
    16691793            ]
    … …  
    16931817                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline:hover' => 'color: {{VALUE}};',
    16941818                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline:hover' => 'color: {{VALUE}};',
     1819                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a:hover' => 'color: {{VALUE}};',
    16951820                ),
    16961821            )
    … …  
    17071832                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline:hover' => 'background-color: {{VALUE}};',
    17081833                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline:hover' => 'background-color: {{VALUE}};',
     1834                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a:hover' => 'background-color: {{VALUE}};',
    17091835                ],
    17101836            ]
    … …  
    17211847                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline:hover' => 'border-color: {{VALUE}};',
    17221848                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline:hover' => 'border-color: {{VALUE}};',
     1849                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a:hover' => 'border-color: {{VALUE}};',
    17231850                ],
    17241851            ]
    … …  
    17411868                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'border-style: solid; border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17421869                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'border-style: solid; border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
     1870                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'border-style: solid; border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17431871                ],
    17441872            ]
    … …  
    17641892                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'border-radius: {{SIZE}}{{UNIT}}',
    17651893                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'border-radius: {{SIZE}}{{UNIT}}',
     1894                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'border-radius: {{SIZE}}{{UNIT}}',
    17661895                ),
    17671896            )
    … …  
    17791908                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17801909                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
     1910                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17811911                ),
    17821912            )
    … …  
    17941924                    '{{WRAPPER}} .depg-list-container .dpg-row .read-more-btn-outline' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17951925                    '{{WRAPPER}} .depg-slider-container .read-more-btn-outline' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
     1926                    '{{WRAPPER}} .depg-slider-container.depg-slider-layout-4 .post-slider-excerpt-wrap a' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
    17961927                ],
    17971928            ]
    … …  
    18231954        $slider_style = !empty( $settings['slider_style'] ) ? $settings['slider_style'] : '';
    18241955
     1956        if( !empty( $layout_type ) ){
     1957
     1958            if('slider' == $layout_type && $settings['slider_style'] == '4' ){
     1959                $columns_desktop = 1;
     1960            }
     1961        }
     1962
     1963        //print_r($settings['columns']);
     1964       
    18251965        $layout_style_class = '';
    18261966        $layout_wrapper_class = 'dpg-row';
    … …  
    18441984        ?>
    18451985        <div class="depg-main <?php echo esc_attr( $layout_style_class ); ?>">
    1846             <div class="<?php echo esc_attr( $layout_wrapper_class ); ?>"
    1847             data-column = "<?php echo esc_attr($columns_desktop); ?>"
    1848             data-tablet-column = "<?php echo esc_attr($columns_tablet); ?>"
    1849             data-mobile-column = "<?php echo esc_attr($columns_mobile); ?>"
     1986            <div class="<?php echo esc_attr( $layout_wrapper_class ); ?>"
     1987                <?php if('slider' == $layout_type && $settings['slider_style'] == '4' ): ?>
     1988                    data-column = "<?php echo esc_attr('1'); ?>"
     1989                    data-tablet-column = "<?php echo esc_attr('1'); ?>"
     1990                    data-mobile-column = "<?php echo esc_attr('1'); ?>"
     1991                <?php else:?>
     1992                    data-column = "<?php echo esc_attr($columns_desktop); ?>"
     1993                    data-tablet-column = "<?php echo esc_attr($columns_tablet); ?>"
     1994                    data-mobile-column = "<?php echo esc_attr($columns_mobile); ?>"
     1995                <?php endif; ?>
     1996               
    18501997            <?php if('slider' == $layout_type): ?>
    18511998                data-arrows = "<?php echo esc_attr($slider_arrows); ?>"
    … …  
    19652112
    19662113                if ( $depg_get_all_posts->have_posts() ) :
    1967                     // $layout_file = __DIR__ . "/layouts/{$layout_type}/{$layout_type}-layout-{$grid_style}.php";
    1968                
    1969                     // if( file_exists( $layout_file ) ){
    1970                     //  include_once( $layout_file );
    1971                     // }
    1972                    
    1973                    
    19742114
    19752115                    if( 'grid'  == $layout_type ){
    … …  
    21112251
    21122252    }
     2253   
     2254    protected function render_author_date() {
     2255
     2256        $settings = $this->get_settings();
     2257
     2258        $meta_data = $settings['meta_data'];
     2259
     2260        if ( empty( $meta_data ) ) {
     2261            return;
     2262        }
     2263
     2264        ?>
     2265        <div class="post-grid-meta">
     2266            <div class="author-wrap">
     2267                <?php
     2268                    if ( in_array( 'author', $meta_data ) ) { ?>
     2269
     2270                            <span class="post-author"><i class="fa-regular fa-user"></i></span>
     2271
     2272                        <?php
     2273                    }
     2274                ?>
     2275            </div>
     2276            <div class="author-date-wrap">
     2277                <?php
     2278
     2279                    if ( in_array( 'author', $meta_data ) ) { ?>
     2280
     2281                            <span class="post-author"><?php the_author(); ?></span>
     2282
     2283                        <?php
     2284                    }
     2285
     2286
     2287                    if ( in_array( 'date', $meta_data ) ) { ?>
     2288
     2289                            <span class="post-date" <?php Helper::markup( array( "context" => "entry_time") ) ?> ><time datetime="<?php echo esc_attr( get_the_date( DATE_W3C ) ); ?>"><?php echo esc_html( get_the_date( get_option( 'date_format' ) ) ); ?></time></span>
     2290
     2291                        <?php
     2292                    }
     2293
     2294                ?>
     2295            </div>
     2296           
     2297        </div>
     2298        <?php
     2299
     2300    }
    21132301
    21142302    protected function render_terms( $post_id, $term_to_show = 2, $term = 'category' ){
    … …  
    21582346   
    21592347    }
     2348
     2349    protected function render_excerpt_slider_layout_4( $default_length = 25 ) {
     2350        if( empty( $default_length ) ){
     2351            return false;
     2352        }
     2353
     2354        $settings = $this->get_settings();
     2355        $show_excerpt = $settings['show_excerpt'];
     2356        $excerpt_length = !empty( $settings['excerpt_length'] ) ? absint( $settings['excerpt_length'] ) : $default_length;
     2357       
     2358        if ( 'yes' !== $show_excerpt ) {
     2359            return;
     2360        }
     2361   
     2362        $excerpt = get_the_excerpt();
     2363        $excerpt_words = wp_trim_words($excerpt, $excerpt_length);
     2364   
     2365        ?>
     2366            <div class="post-grid-excerpt" <?php Helper::markup( array( "context" => "entry_content") ) ?>>
     2367                <p>“<?php echo esc_html( $excerpt_words ); ?>”</p>
     2368                <?php $this->render_readmore() ?>
     2369            </div>
     2370        <?php
     2371   
     2372    }
    21602373   
    21612374
Note: See TracChangeset for help on using the changeset viewer.