PluginProbe
Elementor Website Builder – more than just a page builder / 3.34.1
Elementor Website Builder – more than just a page builder v3.34.1
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 4.0.7 All 451 releases
← All changes | assets/css/admin.css +89 -150 4.2.33.34.1 View file →
@@ -591,22 +591,8 @@
591 591 #adminmenu #toplevel_page_elementor a[href="admin.php?page=go_elementor_pro"]:hover, #adminmenu #toplevel_page_elementor a[href="admin.php?page=go_elementor_pro"]:focus {
592 592 background-color: rgb(198, 0, 84.8571428571);
593 593 box-shadow: none;
594 594 }
595 -#adminmenu #toplevel_page_elementor-home a[href*=elementor-one-upgrade] {
596 - font-weight: 600;
597 - background-color: #93003f;
598 - color: #ffffff;
599 - margin: 3px 10px 0;
600 - display: block;
601 - text-align: center;
602 - border-radius: 3px;
603 - transition: all 0.3s;
604 -}
605 -#adminmenu #toplevel_page_elementor-home a[href*=elementor-one-upgrade]:hover, #adminmenu #toplevel_page_elementor-home a[href*=elementor-one-upgrade]:focus {
606 - background-color: rgb(198, 0, 84.8571428571);
607 - box-shadow: none;
608 -}
609 595 #adminmenu #menu-posts-elementor_library .wp-menu-image:before {
610 596 content: "\e8ff";
611 597 font-family: eicons;
612 598 font-size: 18px;
@@ -1284,14 +1270,63 @@
1284 1270 --e-context-cta-color: #524CFF;
1285 1271 --e-context-cta-color-dark: rgb(32.7094972067, 25, 255);
1286 1272 --e-context-cta-tint-4: rgba(82, 76, 255, 0.4);
1287 1273 --e-context-cta-tint-1: rgba(82, 76, 255, 0.04);
1288 - --e-context-promotion-color: #93003f;
1289 - --e-context-promotion-color-dark: rgb(96, 0, 41.1428571429);
1290 - --e-context-promotion-tint-4: rgba(147, 0, 63, 0.4);
1291 - --e-context-promotion-tint-1: rgba(147, 0, 63, 0.04);
1292 1274 }
1293 1275
1276 +.e-getting-started {
1277 + max-width: 900px;
1278 + padding: 2.5em 0;
1279 + margin: auto;
1280 + text-align: center;
1281 +}
1282 +.e-getting-started__header {
1283 + display: flex;
1284 + flex-direction: row;
1285 + justify-content: space-between;
1286 + align-items: center;
1287 + box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
1288 +}
1289 +.e-getting-started__header .e-logo-wrapper {
1290 + font-size: 10px;
1291 + margin-inline-end: 10px;
1292 +}
1293 +.e-getting-started__title {
1294 + padding: 0 15px;
1295 + font-weight: 600;
1296 + text-transform: uppercase;
1297 + display: flex;
1298 + align-items: center;
1299 +}
1300 +.e-getting-started__skip {
1301 + border-inline-start: 1px solid #eee;
1302 + font-size: 16px;
1303 + color: inherit;
1304 +}
1305 +.e-getting-started__skip i {
1306 + padding: 15px;
1307 +}
1308 +.e-getting-started__content {
1309 + padding: 50px;
1310 +}
1311 +.e-getting-started__content h2 {
1312 + font-size: 2em;
1313 + margin-block-start: 0;
1314 +}
1315 +.e-getting-started__content--narrow {
1316 + max-width: 500px;
1317 + margin: auto;
1318 +}
1319 +.e-getting-started__video {
1320 + margin: 40px 0 60px;
1321 +}
1322 +.e-getting-started__video iframe {
1323 + box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
1324 +}
1325 +.e-getting-started__actions .button-primary {
1326 + margin-inline-end: 20px;
1327 +}
1328 +
1294 1329 :root {
1295 1330 --e-button-padding-block: 0.4375rem;
1296 1331 --e-button-padding-inline: 0.75rem;
1297 1332 --e-button-font-size: 0.8125rem;
@@ -1302,49 +1337,8 @@
1302 1337 --e-button-context-color-dark: var(--e-context-primary-color-dark);
1303 1338 --e-button-context-tint: var(--e-context-primary-tint-1);
1304 1339 }
1305 1340
1306 -.notice a.e-button,
1307 -.error a.e-button,
1308 -.updated a.e-button {
1309 - color: #ffffff;
1310 - text-decoration: none;
1311 -}
1312 -.notice a.e-button:hover, .notice a.e-button:focus, .notice a.e-button:active,
1313 -.error a.e-button:hover,
1314 -.error a.e-button:focus,
1315 -.error a.e-button:active,
1316 -.updated a.e-button:hover,
1317 -.updated a.e-button:focus,
1318 -.updated a.e-button:active {
1319 - color: #ffffff;
1320 - text-decoration: none;
1321 -}
1322 -.notice a.e-button.e-button--outline,
1323 -.error a.e-button.e-button--outline,
1324 -.updated a.e-button.e-button--outline {
1325 - color: var(--e-button-context-color);
1326 -}
1327 -.notice a.e-button.e-button--outline:hover, .notice a.e-button.e-button--outline:focus,
1328 -.error a.e-button.e-button--outline:hover,
1329 -.error a.e-button.e-button--outline:focus,
1330 -.updated a.e-button.e-button--outline:hover,
1331 -.updated a.e-button.e-button--outline:focus {
1332 - color: var(--e-button-context-color-dark);
1333 -}
1334 -.notice a.e-button.e-button--link,
1335 -.error a.e-button.e-button--link,
1336 -.updated a.e-button.e-button--link {
1337 - color: var(--e-button-context-color);
1338 -}
1339 -.notice a.e-button.e-button--link:hover, .notice a.e-button.e-button--link:focus,
1340 -.error a.e-button.e-button--link:hover,
1341 -.error a.e-button.e-button--link:focus,
1342 -.updated a.e-button.e-button--link:hover,
1343 -.updated a.e-button.e-button--link:focus {
1344 - color: var(--e-button-context-color-dark);
1345 -}
1346 -
1347 1341 .e-button {
1348 1342 display: inline-block;
1349 1343 font-weight: var(--e-button-font-weight);
1350 1344 text-align: center;
@@ -1417,14 +1411,8 @@
1417 1411 --e-button-context-color-dark: var(--e-context-cta-color-dark);
1418 1412 --e-button-context-tint: var(--e-context-cta-tint-1);
1419 1413 --e-focus-color: var(--e-context-cta-tint-4);
1420 1414 }
1421 -.e-button--promotion {
1422 - --e-button-context-color: var(--e-context-promotion-color);
1423 - --e-button-context-color-dark: var(--e-context-promotion-color-dark);
1424 - --e-button-context-tint: var(--e-context-promotion-tint-1);
1425 - --e-focus-color: var(--e-context-promotion-tint-4);
1426 -}
1427 1415 .e-button.e-button--outline {
1428 1416 color: var(--e-button-context-color);
1429 1417 background: none;
1430 1418 border: 1px solid currentColor;
@@ -1524,13 +1512,8 @@
1524 1512 --e-notice-context-color: var(--e-context-cta-color);
1525 1513 --e-notice-context-color-dark: var(--e-context-cta-color-dark);
1526 1514 --e-notice-context-tint: var(--e-context-cta-tint-1);
1527 1515 }
1528 -.e-notice--promotion {
1529 - --e-notice-context-color: var(--e-context-promotion-color);
1530 - --e-notice-context-color-dark: var(--e-context-promotion-color-dark);
1531 - --e-notice-context-tint: var(--e-context-promotion-tint-1);
1532 -}
1533 1516 .e-notice--extended {
1534 1517 --e-notice-is-extended: 1;
1535 1518 }
1536 1519 .e-notice--dismissible {
@@ -1546,14 +1529,16 @@
1546 1529 flex-shrink: 0;
1547 1530 }
1548 1531 .e-notice__icon-wrapper {
1549 1532 display: inline-block;
1550 - font-size: 1.5rem;
1533 + font-size: 0.625rem;
1551 1534 max-height: 1.5rem;
1552 1535 width: 1.5rem;
1553 1536 line-height: 1.5rem;
1554 - color: var(--e-notice-context-color);
1555 1537 border-radius: 100px;
1538 + background: var(--e-notice-context-color);
1539 + color: #fff;
1540 + text-shadow: 0 0 3px var(--e-notice-context-color-dark), 0 0 1px var(--e-notice-context-color-dark), 0 0 1px var(--e-notice-context-color-dark);
1556 1541 }
1557 1542 .e-notice__content {
1558 1543 padding: 20px;
1559 1544 }
@@ -1558,10 +1543,12 @@
1558 1543 padding: 20px;
1559 1544 }
1560 1545 .e-notice__actions {
1561 1546 display: flex;
1562 - gap: 8px;
1563 1547 }
1548 +.e-notice__actions > * + * {
1549 + margin-inline-start: 8px;
1550 +}
1564 1551 .e-notice__dismiss {
1565 1552 width: 20px;
1566 1553 height: 20px;
1567 1554 line-height: 20px;
@@ -2160,15 +2147,8 @@
2160 2147 }
2161 2148 .tab-import-export-kit__container:not(:first-child) {
2162 2149 margin-block-start: 5px;
2163 2150 }
2164 -.tab-import-export-kit__container.e-editor-one {
2165 - border: 1px solid rgba(0, 0, 0, 0.12);
2166 - border-radius: 8px;
2167 -}
2168 -.tab-import-export-kit__container.e-editor-one:not(:first-child) {
2169 - margin-block-start: 20px;
2170 -}
2171 2151 .tab-import-export-kit__container p {
2172 2152 font-size: 16px;
2173 2153 margin: 20px 0 25px;
2174 2154 }
@@ -2223,11 +2203,14 @@
2223 2203 margin: 0;
2224 2204 }
2225 2205 .tab-import-export-kit__revert .tab-import-export-kit__kit-item img {
2226 2206 width: 330px;
2227 - height: auto;
2228 - max-width: 100%;
2229 - aspect-ratio: 330/315;
2207 + height: 315px;
2208 + padding: 0.625rem;
2209 + -o-object-fit: cover;
2210 + object-fit: cover;
2211 + -o-object-position: top;
2212 + object-position: top;
2230 2213 }
2231 2214 .tab-import-export-kit__revert .button, .tab-import-export-kit__revert .button:hover {
2232 2215 color: #a94442;
2233 2216 border-color: #a94442;
@@ -2340,14 +2323,8 @@
2340 2323 color: #93003f;
2341 2324 font-weight: 500;
2342 2325 }
2343 2326
2344 -[class*=branch-7].wp-core-ui .button .dashicons {
2345 - vertical-align: middle;
2346 - line-height: 1.2;
2347 - color: var(--wp-admin-theme-color);
2348 -}
2349 -
2350 2327 .post-type-elementor_library #elementor-template-library-tabs-wrapper {
2351 2328 padding-block-start: 2em;
2352 2329 margin-block-end: 2em;
2353 2330 }
@@ -2513,17 +2490,8 @@
2513 2490 background: #ffffff;
2514 2491 color: #3f444b;
2515 2492 margin-block-end: 2px;
2516 2493 }
2517 -#elementor-role-manager .elementor-role-row.e-editor-one {
2518 - border: 1px solid rgba(0, 0, 0, 0.12);
2519 - margin-block-end: 20px;
2520 - border-radius: 8px;
2521 -}
2522 -#elementor-role-manager .elementor-role-row.e-editor-one .elementor-role-controls {
2523 - border-end-start-radius: 8px;
2524 - border-end-end-radius: 8px;
2525 -}
2526 2494 #elementor-role-manager .elementor-role-row .elementor-role-label {
2527 2495 display: flex;
2528 2496 padding: 15px 20px;
2529 2497 font-weight: 500;
@@ -2541,9 +2509,8 @@
2541 2509 }
2542 2510 #elementor-role-manager .elementor-role-row .elementor-role-controls {
2543 2511 background-color: #F9FAFA;
2544 2512 padding: 20px 20px 5px;
2545 - transition: all 0.3s ease-in-out;
2546 2513 }
2547 2514 #elementor-role-manager .elementor-role-row .elementor-role-controls > div {
2548 2515 margin-block-end: 15px;
2549 2516 }
@@ -2576,8 +2543,11 @@
2576 2543 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area:hover .elementor-beta-tester-do-not-show-again,
2577 2544 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area:hover .elementor-templates-modal__header__item > i {
2578 2545 color: var(--e-a-color-txt-hover);
2579 2546 }
2547 +#elementor-beta-tester-modal .elementor-templates-modal__header__items-area .elementor-templates-modal__header__close {
2548 + border: none;
2549 +}
2580 2550 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area .elementor-beta-tester-do-not-show-again {
2581 2551 text-transform: uppercase;
2582 2552 font-weight: bold;
2583 2553 font-size: 12px;
@@ -2632,9 +2602,8 @@
2632 2602 .e-experiment__title {
2633 2603 display: flex;
2634 2604 align-items: flex-start;
2635 2605 flex-direction: column;
2636 - position: relative;
2637 2606 }
2638 2607 .e-experiment__title__indicator {
2639 2608 position: absolute;
2640 2609 height: 10px;
@@ -2669,12 +2638,8 @@
2669 2638 .e-experiment__title__tag__deprecated {
2670 2639 background: #e66;
2671 2640 color: white;
2672 2641 }
2673 -.e-experiment__title__tag.e-editor-one {
2674 - background: #EBEBEB;
2675 - color: #3F444B;
2676 -}
2677 2642 .e-experiment__table-title {
2678 2643 margin: 30px 0;
2679 2644 }
2680 2645 .e-experiment__dependency, .e-experiment__status {
@@ -2797,22 +2762,15 @@
2797 2762 max-width: 90%;
2798 2763 aspect-ratio: 16/9;
2799 2764 }
2800 2765 }
2801 -#wpcontent .wrap.elementor-admin-page-license {
2802 - flex-direction: column;
2803 - align-items: flex-start;
2804 - flex-wrap: nowrap;
2805 -}
2806 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box {
2807 - width: 100%;
2766 +.wrap.elementor-admin-page-license .elementor-license-box {
2808 2767 max-width: 600px;
2809 2768 background: white;
2810 2769 margin: 20px 0;
2811 2770 padding: 20px 20px;
2812 - box-sizing: border-box;
2813 2771 }
2814 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 {
2772 +.wrap.elementor-admin-page-license .elementor-license-box h3 {
2815 2773 display: flex;
2816 2774 justify-content: space-between;
2817 2775 align-items: center;
2818 2776 margin: 0;
@@ -2819,67 +2777,48 @@
2819 2777 padding: 0;
2820 2778 padding-block-end: 20px;
2821 2779 border-block-end: 1px solid #eee;
2822 2780 }
2823 -@media screen and (max-width: 782px) {
2824 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 {
2825 - flex-wrap: wrap;
2826 - gap: 15px;
2827 - }
2828 -}
2829 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 span {
2781 +.wrap.elementor-admin-page-license .elementor-license-box h3 span {
2830 2782 flex-grow: 1;
2831 2783 padding-inline-start: 5px;
2832 2784 }
2833 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 small {
2785 +.wrap.elementor-admin-page-license .elementor-license-box h3 small {
2834 2786 font-size: 13px;
2835 2787 font-weight: normal;
2836 2788 }
2837 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box label {
2789 +.wrap.elementor-admin-page-license .elementor-license-box label {
2838 2790 display: block;
2839 2791 font-size: 1.3em;
2840 2792 font-weight: 600;
2841 2793 margin: 1em 0;
2842 2794 }
2843 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .button {
2795 +.wrap.elementor-admin-page-license .elementor-license-box .button {
2796 + height: 30px;
2844 2797 margin-inline-start: 15px;
2845 2798 margin-block-end: 0;
2846 2799 }
2847 -@media screen and (max-width: 782px) {
2848 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box .button {
2849 - margin-inline: 0;
2850 - min-height: auto;
2851 - }
2852 -}
2853 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box p.description {
2800 +.wrap.elementor-admin-page-license .elementor-license-box p.description {
2854 2801 margin: 10px 0;
2855 2802 }
2856 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .e-row-stretch, #wpcontent .wrap.elementor-admin-page-license .elementor-license-box.e-row-stretch {
2803 +.wrap.elementor-admin-page-license .elementor-license-box .e-row-stretch, .wrap.elementor-admin-page-license .elementor-license-box.e-row-stretch {
2857 2804 display: flex;
2858 2805 align-items: center;
2859 2806 justify-content: space-between;
2860 2807 }
2861 -@media screen and (max-width: 782px) {
2862 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box .e-row-stretch, #wpcontent .wrap.elementor-admin-page-license .elementor-license-box.e-row-stretch {
2863 - align-items: flex-start;
2864 - }
2865 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box .e-row-stretch .button, #wpcontent .wrap.elementor-admin-page-license .elementor-license-box.e-row-stretch .button {
2866 - margin-inline-start: 10px;
2867 - }
2868 -}
2869 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .e-row-divider-bottom {
2808 +.wrap.elementor-admin-page-license .elementor-license-box .e-row-divider-bottom {
2870 2809 padding-block-end: 15px;
2871 2810 border-block-end: 1px solid #eeeeee;
2872 2811 }
2873 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link {
2812 +.wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link {
2874 2813 color: #93003f;
2875 2814 border-color: #93003f;
2876 2815 }
2877 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link:hover {
2816 +.wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link:hover {
2878 2817 color: #fff;
2879 2818 background-color: #93003f;
2880 2819 }
2881 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion {
2820 +.wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion {
2882 2821 display: flex;
2883 2822 flex-direction: row;
2884 2823 gap: 40px;
2885 2824 justify-content: start;
@@ -2884,15 +2823,15 @@
2884 2823 gap: 40px;
2885 2824 justify-content: start;
2886 2825 align-items: center;
2887 2826 }
2888 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion h2 {
2827 +.wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion h2 {
2889 2828 line-height: 24px;
2890 2829 }
2891 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion .elementor-box-action {
2830 +.wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion .elementor-box-action {
2892 2831 justify-content: flex-start;
2893 2832 }
2894 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion .button-upgrade {
2833 +.wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion .button-upgrade {
2895 2834 display: inline-flex;
2896 2835 align-items: center;
2897 2836 gap: 10px;
2898 2837 margin-inline: 0;
@@ -2900,20 +2839,20 @@
2900 2839 color: #fff;
2901 2840 background-color: #93003f;
2902 2841 border: 0;
2903 2842 }
2904 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion > img {
2843 +.wrap.elementor-admin-page-license .elementor-license-box.elementor-pro-connect-promotion > img {
2905 2844 width: 45%;
2906 2845 }
2907 -#wpcontent .wrap.elementor-admin-page-license .elementor-box-action {
2846 +.wrap.elementor-admin-page-license .elementor-box-action {
2908 2847 display: flex;
2909 2848 justify-content: flex-end;
2910 2849 }
2911 -#wpcontent .wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link {
2850 +.wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link {
2912 2851 color: #72777c;
2913 2852 margin-inline-end: 15px;
2914 2853 }
2915 -#wpcontent .wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link:hover {
2854 +.wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link:hover {
2916 2855 color: inherit;
2917 2856 }
2918 2857
2919 2858 .elementor-control-notice {