PluginProbe
Elementor Website Builder – more than just a page builder / 4.3.0-beta3
Elementor Website Builder – more than just a page builder v4.3.0-beta3
4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 All 452 releases
← All changes | assets/css/editor.css +126 -170 4.1.0-dev24.3.0-beta3 View file →
@@ -787,60 +787,49 @@
787 787 }
788 788
789 789 .elementor-panel :where(#elementor-panel-state-loading,
790 790 #elementor-panel-header-wrapper,
791 -#elementor-panel-content-wrapper,
792 -#elementor-panel-footer) h1,
791 +#elementor-panel-content-wrapper) h1,
793 792 .elementor-panel :where(#elementor-panel-state-loading,
794 793 #elementor-panel-header-wrapper,
795 -#elementor-panel-content-wrapper,
796 -#elementor-panel-footer) h2,
794 +#elementor-panel-content-wrapper) h2,
797 795 .elementor-panel :where(#elementor-panel-state-loading,
798 796 #elementor-panel-header-wrapper,
799 -#elementor-panel-content-wrapper,
800 -#elementor-panel-footer) h3,
797 +#elementor-panel-content-wrapper) h3,
801 798 .elementor-panel :where(#elementor-panel-state-loading,
802 799 #elementor-panel-header-wrapper,
803 -#elementor-panel-content-wrapper,
804 -#elementor-panel-footer) h4,
800 +#elementor-panel-content-wrapper) h4,
805 801 .elementor-panel :where(#elementor-panel-state-loading,
806 802 #elementor-panel-header-wrapper,
807 -#elementor-panel-content-wrapper,
808 -#elementor-panel-footer) h5,
803 +#elementor-panel-content-wrapper) h5,
809 804 .elementor-panel :where(#elementor-panel-state-loading,
810 805 #elementor-panel-header-wrapper,
811 -#elementor-panel-content-wrapper,
812 -#elementor-panel-footer) h6 {
806 +#elementor-panel-content-wrapper) h6 {
813 807 font-size: 100%;
814 808 font-weight: normal;
815 809 }
816 810 .elementor-panel :where(#elementor-panel-state-loading,
817 811 #elementor-panel-header-wrapper,
818 -#elementor-panel-content-wrapper,
819 -#elementor-panel-footer) abbr,
812 +#elementor-panel-content-wrapper) abbr,
820 813 .elementor-panel :where(#elementor-panel-state-loading,
821 814 #elementor-panel-header-wrapper,
822 -#elementor-panel-content-wrapper,
823 -#elementor-panel-footer) acronym {
815 +#elementor-panel-content-wrapper) acronym {
824 816 border: 0;
825 817 font-variant: normal;
826 818 }
827 819 .elementor-panel :where(#elementor-panel-state-loading,
828 820 #elementor-panel-header-wrapper,
829 -#elementor-panel-content-wrapper,
830 -#elementor-panel-footer) sup {
821 +#elementor-panel-content-wrapper) sup {
831 822 vertical-align: text-top;
832 823 }
833 824 .elementor-panel :where(#elementor-panel-state-loading,
834 825 #elementor-panel-header-wrapper,
835 -#elementor-panel-content-wrapper,
836 -#elementor-panel-footer) sub {
826 +#elementor-panel-content-wrapper) sub {
837 827 vertical-align: text-bottom;
838 828 }
839 829 .elementor-panel :where(#elementor-panel-state-loading,
840 830 #elementor-panel-header-wrapper,
841 -#elementor-panel-content-wrapper,
842 -#elementor-panel-footer) img {
831 +#elementor-panel-content-wrapper) img {
843 832 max-width: 100%;
844 833 height: auto;
845 834 border: 0;
846 835 }
@@ -845,10 +834,9 @@
845 834 border: 0;
846 835 }
847 836 .elementor-panel :where(#elementor-panel-state-loading,
848 837 #elementor-panel-header-wrapper,
849 -#elementor-panel-content-wrapper,
850 -#elementor-panel-footer) :focus {
838 +#elementor-panel-content-wrapper) :focus {
851 839 outline: 0;
852 840 }
853 841 .elementor-panel .elementor-panel-box-content {
854 842 padding: 20px 20px 10px;
@@ -1200,135 +1188,8 @@
1200 1188 inset-inline-end: 0;
1201 1189 border-radius: 50%;
1202 1190 z-index: -1;
1203 1191 }
1204 -.elementor-panel #elementor-panel-footer {
1205 - position: relative;
1206 - height: 40px;
1207 - background-color: var(--e-a-dark-bg);
1208 - color: var(--e-a-dark-color-txt);
1209 -}
1210 -.elementor-panel #elementor-panel-footer-tools {
1211 - display: flex;
1212 - justify-content: space-between;
1213 - height: 100%;
1214 -}
1215 -.elementor-panel .elementor-panel-footer-tool {
1216 - display: flex;
1217 - align-items: center;
1218 - justify-content: center;
1219 - width: 15%;
1220 - cursor: pointer;
1221 - transition: var(--e-a-transition-hover);
1222 - border: 0;
1223 - color: currentColor;
1224 - background-color: transparent;
1225 -}
1226 -.elementor-panel .elementor-panel-footer-tool i {
1227 - font-size: 15px;
1228 -}
1229 -.elementor-panel .elementor-panel-footer-tool #elementor-panel-saver-button-save-options i.eicon-chevron-right {
1230 - margin: auto;
1231 - transform: rotate(270deg);
1232 -}
1233 -.elementor-panel .elementor-panel-footer-tool #elementor-panel-saver-button-save-options.elementor-disabled {
1234 - cursor: inherit;
1235 -}
1236 -.elementor-panel .elementor-panel-footer-tool:not(.e-open):hover, .elementor-panel .elementor-panel-footer-tool:not(.e-open):focus {
1237 - color: var(--e-a-dark-color-txt-hover);
1238 -}
1239 -.elementor-panel .elementor-panel-footer-tool:not(.e-open) .elementor-panel-footer-sub-menu-wrapper {
1240 - display: none;
1241 -}
1242 -.elementor-panel #elementor-panel-footer-saver-publish {
1243 - width: 30%;
1244 - margin-inline-start: auto;
1245 -}
1246 -.elementor-panel #elementor-panel-footer-saver-publish .elementor-button-state i {
1247 - margin-inline-end: 0;
1248 -}
1249 -.elementor-panel #elementor-panel-footer-saver-publish .elementor-button-state #elementor-panel-saver-button-publish-label {
1250 - display: none;
1251 -}
1252 -.elementor-panel #elementor-panel-footer-saver-options {
1253 - width: 10%;
1254 -}
1255 -.elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper {
1256 - font-size: 11px;
1257 - font-style: italic;
1258 - padding: 5px 0 15px;
1259 -}
1260 -.elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper:not(.elementor-state-active) .elementor-state-icon {
1261 - display: none;
1262 -}
1263 -.elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper time {
1264 - border-block-end: 1px dotted transparent;
1265 - transition: all ease-in-out 0.3s;
1266 - cursor: pointer;
1267 -}
1268 -.elementor-panel #elementor-panel-footer-saver-options .elementor-last-edited-wrapper time:hover {
1269 - border-block-end-color: inherit;
1270 -}
1271 -.elementor-panel #elementor-panel-footer-saver-options.e-open i.eicon-chevron-right {
1272 - transform: rotate(90deg);
1273 -}
1274 -.elementor-panel #elementor-panel-saver-button-publish, .elementor-panel #elementor-panel-saver-button-save-options {
1275 - padding: 0;
1276 - font-size: 11px;
1277 - height: 100%;
1278 - width: 100%;
1279 - border-radius: 0;
1280 -}
1281 -.elementor-panel #elementor-panel-saver-button-publish.elementor-disabled, .elementor-panel #elementor-panel-saver-button-save-options.elementor-disabled {
1282 - background-color: #1f2124;
1283 - color: #9DA5AE;
1284 -}
1285 -.elementor-panel #elementor-panel-saver-button-publish:not(.elementor-disabled) {
1286 - border-inline-end: 1px solid #F0ABFC;
1287 -}
1288 -.elementor-panel #elementor-panel-saver-button-publish.elementor-disabled {
1289 - border-inline-end: 1px solid #3f444b;
1290 -}
1291 -.elementor-panel .elementor-panel-footer-sub-menu-wrapper {
1292 - position: absolute;
1293 - inset-block-end: 100%;
1294 - inset-inline-start: 0;
1295 - width: 100%;
1296 - background-color: #1f2124;
1297 - padding: 10px;
1298 - box-shadow: -2px -5px 8px rgba(0, 0, 0, 0.1);
1299 - cursor: default;
1300 - z-index: 10000;
1301 -}
1302 -.elementor-panel .elementor-panel-footer-sub-menu {
1303 - border-radius: var(--e-border-radius);
1304 - overflow: hidden;
1305 - border: 1px solid #3f444b;
1306 -}
1307 -.elementor-panel .elementor-panel-footer-sub-menu-item {
1308 - display: flex;
1309 - height: 40px;
1310 - color: #D5D8DC;
1311 - align-items: center;
1312 - -moz-column-gap: 10px;
1313 - column-gap: 10px;
1314 - padding: 0 20px;
1315 - transition: var(--e-a-transition-hover);
1316 - cursor: pointer;
1317 -}
1318 -.elementor-panel .elementor-panel-footer-sub-menu-item.elementor-disabled {
1319 - cursor: default;
1320 - color: #69727D;
1321 -}
1322 -.elementor-panel .elementor-panel-footer-sub-menu-item:not(:last-child) {
1323 - border-block-end: 1px solid #3f444b;
1324 -}
1325 -.elementor-panel .elementor-panel-footer-sub-menu-item:hover {
1326 - background-color: rgba(255, 255, 255, 0.1);
1327 -}
1328 -.elementor-panel .elementor-panel-footer-sub-menu-item.active {
1329 - background-color: rgba(255, 255, 255, 0.2);
1330 -}
1331 1192
1332 1193 #elementor-panel-elements-navigation .elementor-panel-navigation-tab {
1333 1194 text-align: center;
1334 1195 padding: 10px 0;
@@ -1427,14 +1288,27 @@
1427 1288 -webkit-user-select: none;
1428 1289 -moz-user-select: none;
1429 1290 user-select: none;
1430 1291 }
1292 +.elementor-panel .elementor-element .eicon-atomic,
1293 +.elementor-panel .elementor-element .e-widget-new-badge {
1294 + position: absolute;
1295 + inset-block-start: 4px;
1296 + inset-inline-end: 6px;
1297 +}
1431 1298 .elementor-panel .elementor-element .eicon-atomic {
1432 - position: absolute;
1433 - inset-block-start: 5px;
1434 - inset-inline-end: 5px;
1435 1299 color: var(--e-a-color-txt);
1436 1300 }
1301 +.elementor-panel .elementor-element .e-widget-new-badge {
1302 + border-radius: 4px;
1303 + background-color: #EBF2FE;
1304 + color: var(--e-a-color-info);
1305 + padding: 2px 4px;
1306 + font-size: 10px;
1307 + font-weight: 500;
1308 + line-height: 1.4;
1309 + pointer-events: none;
1310 +}
1437 1311 .elementor-panel .elementor-element:hover, .elementor-panel .elementor-element:focus {
1438 1312 background-color: var(--e-a-bg-hover);
1439 1313 border-color: var(--e-a-border-color-bold);
1440 1314 }
@@ -1670,18 +1544,54 @@
1670 1544 #elementor-panel-get-pro-elements .elementor-nerd-box-icon {
1671 1545 margin-block-start: 20px;
1672 1546 }
1673 1547
1548 +#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) {
1549 + display: flex;
1550 + flex-direction: column;
1551 +}
1552 +#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) #elementor-panel-page-editor {
1553 + display: flex;
1554 + flex-direction: column;
1555 + flex: 1;
1556 + min-height: 0;
1557 +}
1558 +#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) .elementor-panel-editor-sticky-promotion {
1559 + position: sticky;
1560 + inset-block-end: 0;
1561 + margin-block-start: auto;
1562 +}
1563 +#elementor-panel-content-wrapper:has(> #elementor-panel-page-editor) .elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message {
1564 + margin-block-start: 0;
1565 +}
1566 +
1674 1567 #elementor-panel-get-pro-elements-sticky {
1675 1568 position: sticky;
1676 1569 inset-block-end: 0;
1570 + margin-block-end: -10px;
1571 +}
1572 +#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message {
1573 + margin-block-start: -14px;
1574 +}
1575 +
1576 +#elementor-panel-page-elements:has(> #elementor-panel-get-pro-elements-sticky) {
1577 + display: flex;
1578 + flex-direction: column;
1579 + min-height: 100%;
1580 +}
1581 +#elementor-panel-page-elements:has(> #elementor-panel-get-pro-elements-sticky) > #elementor-panel-get-pro-elements-sticky {
1582 + margin-block-start: auto;
1583 +}
1584 +
1585 +#elementor-panel-get-pro-elements-sticky,
1586 +.elementor-panel-editor-sticky-promotion {
1677 1587 font-size: 14px;
1678 1588 font-weight: 400;
1679 1589 line-height: 1.6;
1680 - margin-block-end: -10px;
1590 + background-color: var(--e-a-color-white);
1681 1591 }
1682 -#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message {
1683 - margin-block-start: -14px;
1592 +#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message,
1593 +.elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message {
1684 1594 min-height: 40px;
1685 1595 display: block;
1686 1596 padding: 9px min(35px, 5%);
1687 1597 gap: 10px;
@@ -1689,15 +1599,17 @@
1689 1599 color: var(--e-a-color-black);
1690 1600 text-align: center;
1691 1601 box-shadow: 0px -10px 14px -6px rgba(0, 0, 0, 0.05);
1692 1602 }
1693 -#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message a {
1603 +#elementor-panel-get-pro-elements-sticky .elementor-get-pro-sticky-message a,
1604 +.elementor-panel-editor-sticky-promotion .elementor-get-pro-sticky-message a {
1694 1605 display: inline-block;
1695 1606 font-size: 13px;
1696 1607 font-weight: 500;
1697 1608 color: var(--e-a-btn-bg-accent);
1698 1609 }
1699 -#elementor-panel-get-pro-elements-sticky img {
1610 +#elementor-panel-get-pro-elements-sticky img,
1611 +.elementor-panel-editor-sticky-promotion img {
1700 1612 margin-inline-start: 17px;
1701 1613 }
1702 1614
1703 1615 #elementor-panel-notice-wrapper .elementor-panel-notice {
@@ -1729,8 +1641,12 @@
1729 1641 inset-block-start: 5px;
1730 1642 inset-inline-end: 5px;
1731 1643 }
1732 1644
1645 +#elementor-panel-footer.elementor-panel-footer-back-compat-wrapper {
1646 + display: none !important;
1647 +}
1648 +
1733 1649 .media-modal.wp-core-ui {
1734 1650 color-scheme: light;
1735 1651 color: #515962;
1736 1652 }
@@ -1901,11 +1817,8 @@
1901 1817 background-color: var(--e-a-bg-chip);
1902 1818 border-radius: 100px;
1903 1819 padding: 5px 8px;
1904 1820 }
1905 -.elementor-panel-heading-category-chip i {
1906 - margin-inline-start: 4px;
1907 -}
1908 1821 .elementor-panel-heading-promotion {
1909 1822 margin-inline-start: auto;
1910 1823 }
1911 1824 .elementor-panel-heading-promotion a {
@@ -4523,10 +4436,10 @@
4523 4436 .e-control-display-conditions-promotion__wrapper {
4524 4437 display: flex;
4525 4438 justify-content: space-between;
4526 4439 }
4527 -.e-control-display-conditions-promotion__wrapper:hover .eicon-lock.e-control-display-conditions-promotion {
4528 - color: var(--e-a-color-accent);
4440 +.e-control-display-conditions-promotion__wrapper:hover .eicon-upgrade-crown-full.e-control-display-conditions-promotion {
4441 + color: var(--e-a-color-accent-promotion);
4529 4442 }
4530 4443 .e-control-display-conditions-promotion__description {
4531 4444 display: flex;
4532 4445 align-self: center;
@@ -4539,8 +4452,11 @@
4539 4452 display: flex;
4540 4453 justify-content: center;
4541 4454 align-items: center;
4542 4455 }
4456 +.e-control-display-conditions-promotion__lock-wrapper .eicon-upgrade-crown-full {
4457 + color: var(--e-a-color-accent-promotion-disabled);
4458 +}
4543 4459 .e-control-display-conditions-promotion.eicon-flow {
4544 4460 align-self: flex-end;
4545 4461 cursor: pointer;
4546 4462 border: var(--e-a-border-bold);
@@ -4551,10 +4467,10 @@
4551 4467 background-color: var(--e-a-bg-active);
4552 4468 color: #E73CF6;
4553 4469 }
4554 4470
4555 -.e-control-motion-effects-promotion__wrapper:hover .eicon-lock, .e-control-promotion__wrapper:hover .eicon-lock {
4556 - color: var(--e-a-color-accent);
4471 +.e-control-motion-effects-promotion__wrapper:hover .eicon-upgrade-crown-full, .e-control-promotion__wrapper:hover .eicon-upgrade-crown-full {
4472 + color: var(--e-a-color-accent-promotion);
4557 4473 }
4558 4474 .e-control-motion-effects-promotion__wrapper .elementor-control-title, .e-control-promotion__wrapper .elementor-control-title {
4559 4475 margin-inline-end: 0;
4560 4476 }
@@ -4579,8 +4495,11 @@
4579 4495 display: flex;
4580 4496 justify-content: center;
4581 4497 align-items: center;
4582 4498 }
4499 +.e-control-motion-effects-promotion__lock-wrapper .eicon-upgrade-crown-full, .e-control-promotion__lock-wrapper .eicon-upgrade-crown-full {
4500 + color: var(--e-a-color-accent-promotion-disabled);
4501 +}
4583 4502
4584 4503 .e-link-promotion {
4585 4504 font-family: "Roboto", sans-serif;
4586 4505 font-weight: 500;
@@ -4610,11 +4529,9 @@
4610 4529 .elementor-editor-kit .elementor-panel #elementor-panel-page-menu {
4611 4530 padding: 25px 15px 0;
4612 4531 }
4613 4532 .elementor-editor-kit #elementor-panel-header-add-button,
4614 -.elementor-editor-kit #elementor-panel-header-menu-button,
4615 -.elementor-editor-kit #elementor-panel-footer-sub-menu-item-save-template,
4616 -.elementor-editor-kit #elementor-panel-footer-navigator {
4533 +.elementor-editor-kit #elementor-panel-header-menu-button {
4617 4534 display: none;
4618 4535 }
4619 4536
4620 4537 .elementor-control-type-global-style-repeater .elementor-repeater-fields {
@@ -5120,9 +5037,9 @@
5120 5037 #elementor-template-library-modal .dialog-message {
5121 5038 overflow-y: scroll;
5122 5039 }
5123 5040 #elementor-template-library-modal:has(#elementor-template-library-save-template) .dialog-message, #elementor-template-library-modal:has(#elementor-template-library-save-template-variant-b) .dialog-message {
5124 - overflow-y: hidden;
5041 + overflow-y: auto;
5125 5042 }
5126 5043 #elementor-template-library-modal .e-back-to-editor {
5127 5044 color: var(--e-a-color-txt);
5128 5045 text-decoration: underline;
@@ -8340,8 +8257,37 @@
8340 8257 display: block;
8341 8258 margin: 10px -15px;
8342 8259 }
8343 8260
8261 +.elementor-app-backdrop {
8262 + position: fixed;
8263 + z-index: 99998;
8264 + inset: 0;
8265 + background: rgba(0, 0, 0, 0.5);
8266 + opacity: 0;
8267 + transition: opacity 0.25s ease;
8268 +}
8269 +.elementor-app-backdrop--visible {
8270 + opacity: 1;
8271 +}
8272 +
8273 +.elementor-app-iframe {
8274 + position: fixed;
8275 + top: 30px;
8276 + left: 40px;
8277 + width: calc(100% - 80px);
8278 + height: calc(100% - 60px);
8279 + z-index: 100000;
8280 + border-radius: 12px;
8281 + box-shadow: 0 16px 64px rgba(0, 0, 0, 0.3);
8282 + background-color: transparent;
8283 + opacity: 0;
8284 + transition: opacity 0.25s ease;
8285 +}
8286 +.elementor-app-iframe--visible {
8287 + opacity: 1;
8288 +}
8289 +
8344 8290 [class^=eicon-flex], [class*=" eicon-flex"] {
8345 8291 transition: 0.3s all;
8346 8292 }
8347 8293 [class^=eicon-flex].eicon-inline, [class*=" eicon-flex"].eicon-inline {
@@ -8371,6 +8317,16 @@
8371 8317 transform: rotate(calc(var(--is-rtl) * 180deg));
8372 8318 }
8373 8319 .e-ui-state--document-direction-mode__row-reverse [class^=eicon-flex]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end), .e-ui-state--document-direction-mode__row-reverse [class*=" eicon-flex"]:not(.eicon-wrap):not(.eicon-nowrap):not(.eicon-grow):is(.eicon-justify-start-h, .eicon-justify-end-h, .eicon-order-start, .eicon-order-end) {
8374 8320 transform: rotate(calc(var(--is-ltr) * 180deg));
8321 +}
8322 +
8323 +.elementor-editor-active .embed-media-settings .setting.caption {
8324 + display: none;
8325 +}
8326 +.elementor-editor-active .embed-media-settings .setting.align {
8327 + display: none;
8328 +}
8329 +.elementor-editor-active .embed-media-settings fieldset.setting-group {
8330 + display: none;
8375 8331 }
8376 8332 /*# sourceMappingURL=editor.css.map */