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 -190 4.2.0-dev23.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,54 +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 -#e-dashboard-ally .ui-sortable-handle {
2351 - justify-content: flex-start;
2352 - gap: 8px;
2353 -}
2354 -
2355 -#dashboard-widgets .e-dashboard-ally {
2356 - padding: 28px 0;
2357 -}
2358 -#dashboard-widgets .e-dashboard-ally .e-dashboard-ally-img {
2359 - text-align: center;
2360 - margin-block-end: 16px;
2361 -}
2362 -#dashboard-widgets .e-dashboard-ally .e-dashboard-ally-info {
2363 - display: flex;
2364 - flex-direction: column;
2365 - align-items: center;
2366 - text-align: center;
2367 - margin-block-end: 20px;
2368 -}
2369 -#dashboard-widgets .e-dashboard-ally .e-dashboard-ally-title {
2370 - font-size: 20px;
2371 - line-height: 32px;
2372 - color: #0C0D0E;
2373 - margin-block-end: 0;
2374 -}
2375 -#dashboard-widgets .e-dashboard-ally .e-dashboard-ally-description {
2376 - max-width: 295px;
2377 - font-size: 14px;
2378 - line-height: 20px;
2379 - color: #3F444B;
2380 - margin: 0 0 16px;
2381 -}
2382 -
2383 -label[for=e-dashboard-ally-hide] svg {
2384 - display: inline-block;
2385 - vertical-align: middle;
2386 - margin-inline-end: 4px;
2387 - margin-block-end: 2px;
2388 -}
2389 -
2390 2327 .post-type-elementor_library #elementor-template-library-tabs-wrapper {
2391 2328 padding-block-start: 2em;
2392 2329 margin-block-end: 2em;
2393 2330 }
@@ -2553,17 +2490,8 @@
2553 2490 background: #ffffff;
2554 2491 color: #3f444b;
2555 2492 margin-block-end: 2px;
2556 2493 }
2557 -#elementor-role-manager .elementor-role-row.e-editor-one {
2558 - border: 1px solid rgba(0, 0, 0, 0.12);
2559 - margin-block-end: 20px;
2560 - border-radius: 8px;
2561 -}
2562 -#elementor-role-manager .elementor-role-row.e-editor-one .elementor-role-controls {
2563 - border-end-start-radius: 8px;
2564 - border-end-end-radius: 8px;
2565 -}
2566 2494 #elementor-role-manager .elementor-role-row .elementor-role-label {
2567 2495 display: flex;
2568 2496 padding: 15px 20px;
2569 2497 font-weight: 500;
@@ -2581,9 +2509,8 @@
2581 2509 }
2582 2510 #elementor-role-manager .elementor-role-row .elementor-role-controls {
2583 2511 background-color: #F9FAFA;
2584 2512 padding: 20px 20px 5px;
2585 - transition: all 0.3s ease-in-out;
2586 2513 }
2587 2514 #elementor-role-manager .elementor-role-row .elementor-role-controls > div {
2588 2515 margin-block-end: 15px;
2589 2516 }
@@ -2616,8 +2543,11 @@
2616 2543 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area:hover .elementor-beta-tester-do-not-show-again,
2617 2544 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area:hover .elementor-templates-modal__header__item > i {
2618 2545 color: var(--e-a-color-txt-hover);
2619 2546 }
2547 +#elementor-beta-tester-modal .elementor-templates-modal__header__items-area .elementor-templates-modal__header__close {
2548 + border: none;
2549 +}
2620 2550 #elementor-beta-tester-modal .elementor-templates-modal__header__items-area .elementor-beta-tester-do-not-show-again {
2621 2551 text-transform: uppercase;
2622 2552 font-weight: bold;
2623 2553 font-size: 12px;
@@ -2672,9 +2602,8 @@
2672 2602 .e-experiment__title {
2673 2603 display: flex;
2674 2604 align-items: flex-start;
2675 2605 flex-direction: column;
2676 - position: relative;
2677 2606 }
2678 2607 .e-experiment__title__indicator {
2679 2608 position: absolute;
2680 2609 height: 10px;
@@ -2709,12 +2638,8 @@
2709 2638 .e-experiment__title__tag__deprecated {
2710 2639 background: #e66;
2711 2640 color: white;
2712 2641 }
2713 -.e-experiment__title__tag.e-editor-one {
2714 - background: #EBEBEB;
2715 - color: #3F444B;
2716 -}
2717 2642 .e-experiment__table-title {
2718 2643 margin: 30px 0;
2719 2644 }
2720 2645 .e-experiment__dependency, .e-experiment__status {
@@ -2837,22 +2762,15 @@
2837 2762 max-width: 90%;
2838 2763 aspect-ratio: 16/9;
2839 2764 }
2840 2765 }
2841 -#wpcontent .wrap.elementor-admin-page-license {
2842 - flex-direction: column;
2843 - align-items: flex-start;
2844 - flex-wrap: nowrap;
2845 -}
2846 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box {
2847 - width: 100%;
2766 +.wrap.elementor-admin-page-license .elementor-license-box {
2848 2767 max-width: 600px;
2849 2768 background: white;
2850 2769 margin: 20px 0;
2851 2770 padding: 20px 20px;
2852 - box-sizing: border-box;
2853 2771 }
2854 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 {
2772 +.wrap.elementor-admin-page-license .elementor-license-box h3 {
2855 2773 display: flex;
2856 2774 justify-content: space-between;
2857 2775 align-items: center;
2858 2776 margin: 0;
@@ -2859,67 +2777,48 @@
2859 2777 padding: 0;
2860 2778 padding-block-end: 20px;
2861 2779 border-block-end: 1px solid #eee;
2862 2780 }
2863 -@media screen and (max-width: 782px) {
2864 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 {
2865 - flex-wrap: wrap;
2866 - gap: 15px;
2867 - }
2868 -}
2869 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 span {
2781 +.wrap.elementor-admin-page-license .elementor-license-box h3 span {
2870 2782 flex-grow: 1;
2871 2783 padding-inline-start: 5px;
2872 2784 }
2873 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box h3 small {
2785 +.wrap.elementor-admin-page-license .elementor-license-box h3 small {
2874 2786 font-size: 13px;
2875 2787 font-weight: normal;
2876 2788 }
2877 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box label {
2789 +.wrap.elementor-admin-page-license .elementor-license-box label {
2878 2790 display: block;
2879 2791 font-size: 1.3em;
2880 2792 font-weight: 600;
2881 2793 margin: 1em 0;
2882 2794 }
2883 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .button {
2795 +.wrap.elementor-admin-page-license .elementor-license-box .button {
2796 + height: 30px;
2884 2797 margin-inline-start: 15px;
2885 2798 margin-block-end: 0;
2886 2799 }
2887 -@media screen and (max-width: 782px) {
2888 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box .button {
2889 - margin-inline: 0;
2890 - min-height: auto;
2891 - }
2892 -}
2893 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box p.description {
2800 +.wrap.elementor-admin-page-license .elementor-license-box p.description {
2894 2801 margin: 10px 0;
2895 2802 }
2896 -#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 {
2897 2804 display: flex;
2898 2805 align-items: center;
2899 2806 justify-content: space-between;
2900 2807 }
2901 -@media screen and (max-width: 782px) {
2902 - #wpcontent .wrap.elementor-admin-page-license .elementor-license-box .e-row-stretch, #wpcontent .wrap.elementor-admin-page-license .elementor-license-box.e-row-stretch {
2903 - align-items: flex-start;
2904 - }
2905 - #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 {
2906 - margin-inline-start: 10px;
2907 - }
2908 -}
2909 -#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 {
2910 2809 padding-block-end: 15px;
2911 2810 border-block-end: 1px solid #eeeeee;
2912 2811 }
2913 -#wpcontent .wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link {
2812 +.wrap.elementor-admin-page-license .elementor-license-box .elementor-upgrade-link {
2914 2813 color: #93003f;
2915 2814 border-color: #93003f;
2916 2815 }
2917 -#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 {
2918 2817 color: #fff;
2919 2818 background-color: #93003f;
2920 2819 }
2921 -#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 {
2922 2821 display: flex;
2923 2822 flex-direction: row;
2924 2823 gap: 40px;
2925 2824 justify-content: start;
@@ -2924,15 +2823,15 @@
2924 2823 gap: 40px;
2925 2824 justify-content: start;
2926 2825 align-items: center;
2927 2826 }
2928 -#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 {
2929 2828 line-height: 24px;
2930 2829 }
2931 -#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 {
2932 2831 justify-content: flex-start;
2933 2832 }
2934 -#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 {
2935 2834 display: inline-flex;
2936 2835 align-items: center;
2937 2836 gap: 10px;
2938 2837 margin-inline: 0;
@@ -2940,20 +2839,20 @@
2940 2839 color: #fff;
2941 2840 background-color: #93003f;
2942 2841 border: 0;
2943 2842 }
2944 -#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 {
2945 2844 width: 45%;
2946 2845 }
2947 -#wpcontent .wrap.elementor-admin-page-license .elementor-box-action {
2846 +.wrap.elementor-admin-page-license .elementor-box-action {
2948 2847 display: flex;
2949 2848 justify-content: flex-end;
2950 2849 }
2951 -#wpcontent .wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link {
2850 +.wrap.elementor-admin-page-license .elementor-box-action .elementor-manually-link {
2952 2851 color: #72777c;
2953 2852 margin-inline-end: 15px;
2954 2853 }
2955 -#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 {
2956 2855 color: inherit;
2957 2856 }
2958 2857
2959 2858 .elementor-control-notice {