PluginProbe
Elementor Website Builder – more than just a page builder / 3.34.0-beta1
Elementor Website Builder – more than just a page builder v3.34.0-beta1
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 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 All 457 releases
← All changes | assets/css/editor-preview.css +19 -86 4.3.1 → 3.34.0-beta1 View file →
@@ -38,14 +38,17 @@
38 38 height: 0;
39 39 }
40 40
41 41 .e-logo-wrapper {
42 + background: var(--e-a-bg-logo);
42 43 display: inline-block;
44 + padding: 0.75em;
45 + border-radius: 50%;
43 46 line-height: 1;
44 47 }
45 48 .e-logo-wrapper i {
46 - color: var(--e-a-color-circle-logo);
47 - font-size: 2.5em;
49 + color: var(--e-a-color-logo);
50 + font-size: 1em;
48 51 }
49 52
50 53 .elementor-control-unit-1 {
51 54 width: 27px;
@@ -456,8 +459,11 @@
456 459 background-color: var(--e-a-bg-chip);
457 460 border-radius: 100px;
458 461 padding: 5px 8px;
459 462 }
463 +.elementor-panel-heading-category-chip i {
464 + margin-inline-start: 4px;
465 +}
460 466 .elementor-panel-heading-promotion {
461 467 margin-inline-start: auto;
462 468 }
463 469 .elementor-panel-heading-promotion a {
@@ -1640,19 +1646,8 @@
1640 1646 .e-global__preview-items-container::-webkit-scrollbar-thumb {
1641 1647 background-color: #BABFC5;
1642 1648 border-radius: 10px;
1643 1649 }
1644 -.e-global__group-header {
1645 - padding: 12px 20px 5px;
1646 - font-weight: 500;
1647 - font-size: 11px;
1648 - color: var(--e-a-color-txt-muted);
1649 -}
1650 -.e-global__group-divider {
1651 - height: 1px;
1652 - background-color: var(--e-a-border-color);
1653 - margin: 10px 20px;
1654 -}
1655 1650 .e-global__manage-button {
1656 1651 font-weight: 500;
1657 1652 cursor: pointer;
1658 1653 }
@@ -2983,16 +2978,13 @@
2983 2978 --e-p-border-widget-invert: #0C0D0E;
2984 2979 --e-p-border-global: #5EEAD4;
2985 2980 --e-p-border-global-hover: #1DDDBF;
2986 2981 --e-p-border-global-invert: #0C0D0E;
2987 - --e-p-border-global-element: #5EEAD4;
2988 2982 }
2989 2983
2990 2984 .elementor-editor-active .elementor-add-section {
2991 2985 all: initial;
2992 2986 display: flex;
2993 - flex-wrap: wrap;
2994 - justify-content: center;
2995 2987 max-width: 1160px;
2996 2988 position: relative;
2997 2989 margin-inline: auto;
2998 2990 }
@@ -3834,20 +3826,8 @@
3834 3826 .elementor-editor-preview .elementor-empty-view,
3835 3827 .elementor-editor-preview .elementor-widget-empty {
3836 3828 display: none;
3837 3829 }
3838 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-element-overlay,
3839 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty,
3840 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-empty-view,
3841 -.elementor-editor-preview :where(.elementor-edit-area-active) .elementor-widget-empty {
3842 - display: revert;
3843 -}
3844 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child > .elementor-element-overlay::after {
3845 - outline-color: var(--e-p-border-global-element);
3846 -}
3847 -.elementor-editor-preview :where(.elementor-edit-area-active.elementor-widget-e-component) > .elementor-section-wrap > :first-child.elementor-element-editable > .elementor-element-overlay::after {
3848 - outline-offset: -1px;
3849 -}
3850 3830
3851 3831 .e-preview--show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen,
3852 3832 .e-preview--show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop,
3853 3833 .e-preview--show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop,
@@ -3947,15 +3927,8 @@
3947 3927 .e-youtube-base iframe {
3948 3928 pointer-events: none;
3949 3929 }
3950 3930
3951 -.elementor-widget-e-component[data-atomic].elementor-edit-area-active > * > * {
3952 - pointer-events: initial;
3953 -}
3954 -.elementor-widget-e-component[data-atomic]:not(.elementor-edit-area-active) > * > * {
3955 - pointer-events: none;
3956 -}
3957 -
3958 3931 .elementor-editor-element-overlay-settings {
3959 3932 height: 24px;
3960 3933 top: 1px;
3961 3934 left: 50%;
@@ -4261,12 +4234,12 @@
4261 4234 content: "";
4262 4235 outline-width: 2px;
4263 4236 }
4264 4237
4265 -.e-con .e-con-inner .e-con.e-child > .elementor-element-overlay:after {
4238 +.e-con .e-con-inner .e-con > .elementor-element-overlay:after {
4266 4239 outline: 1px dashed var(--e-p-border-con-in);
4267 4240 }
4268 -.e-con .e-con-inner .e-con.e-child.elementor-element-editable > .elementor-element-overlay:after {
4241 +.e-con .e-con-inner .e-con.elementor-element-editable > .elementor-element-overlay:after {
4269 4242 outline: 2px solid var(--e-p-border-con-in);
4270 4243 }
4271 4244 .e-con .elementor-empty-view {
4272 4245 position: relative;
@@ -4296,11 +4269,9 @@
4296 4269 align-self: stretch;
4297 4270 z-index: 1;
4298 4271 pointer-events: none;
4299 4272 }
4300 -.e-con.e-con--row > .elementor-widget-placeholder,
4301 -.e-con.e-con--row > .elementor-element[data-atomic] > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder,
4302 -.e-con.e-con--row > .e-con-inner > .elementor-element[data-atomic] > .elementor-widget-placeholder {
4273 +.e-con.e-con--row > .elementor-widget-placeholder, .e-con.e-con--row > .e-con-inner > .elementor-widget-placeholder {
4303 4274 position: relative;
4304 4275 z-index: 9999;
4305 4276 width: var(--size);
4306 4277 margin-inline-start: var(--margin-start);
@@ -4349,28 +4320,28 @@
4349 4320 height: 84px;
4350 4321 width: 125px;
4351 4322 z-index: -1;
4352 4323 }
4353 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting {
4324 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting {
4354 4325 position: relative;
4355 4326 background-color: var(--e-p-border-con-in);
4356 4327 }
4357 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:hover {
4328 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:hover {
4358 4329 background-color: var(--e-p-border-con-in-hover);
4359 4330 }
4360 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:last-child::after {
4331 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-add, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting.elementor-editor-element-edit + .elementor-editor-element-remove, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:first-child::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:last-child::after {
4361 4332 display: none;
4362 4333 }
4363 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con.e-child > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit) {
4334 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit), .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-setting:not(.elementor-editor-element-edit) {
4364 4335 margin-inline-start: -25px;
4365 4336 z-index: -1;
4366 4337 transition: 0.3s all;
4367 4338 will-change: margin-inline-start;
4368 4339 }
4369 -.e-con > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con-inner > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con.e-child > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove) {
4340 +.e-con > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .e-con-inner > .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove), .elementor-widget .e-con > .elementor-element-overlay > .elementor-editor-element-settings:hover > :is(.elementor-editor-element-duplicate, .elementor-editor-element-remove) {
4370 4341 margin-inline-start: 0;
4371 4342 }
4372 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-settings {
4343 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings {
4373 4344 inset: initial;
4374 4345 transform: none;
4375 4346 inset-inline-start: 0;
4376 4347 top: 0;
@@ -4377,9 +4348,9 @@
4377 4348 border-radius: 0;
4378 4349 border-end-end-radius: 3px;
4379 4350 height: auto;
4380 4351 }
4381 -.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con.e-child > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before {
4352 +.e-con > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .e-con-inner > .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before, .elementor-widget .e-con > .elementor-element-overlay .elementor-editor-element-settings i.eicon-handle::before {
4382 4353 content: "\e9b4";
4383 4354 font-size: 20px;
4384 4355 display: block;
4385 4356 padding: 2px;
@@ -4384,51 +4355,13 @@
4384 4355 display: block;
4385 4356 padding: 2px;
4386 4357 }
4387 4358
4388 -.e-atomic-element:has(> .elementor-empty-view) {
4359 +.e-atomic-element:has(.elementor-empty-view) {
4389 4360 min-height: 120px;
4390 4361 }
4391 4362 .e-atomic-element > .elementor-empty-view.elementor-empty-view {
4392 4363 min-height: inherit;
4393 -}
4394 -
4395 -.e-grid-base > .elementor-empty-view.elementor-empty-view > .elementor-first-add {
4396 - opacity: 0;
4397 -}
4398 -.e-grid-base:has(> .elementor-element) > .elementor-empty-view.elementor-empty-view {
4399 - position: absolute;
4400 - grid-row: var(--e-grid-empty-cell-row, 1)/span 1;
4401 - grid-column: var(--e-grid-empty-cell-col, 1)/span 1;
4402 - visibility: var(--e-grid-empty-cell-visibility, visible);
4403 - inset: 0;
4404 - width: auto;
4405 - height: auto;
4406 - min-width: 0;
4407 - min-height: 0;
4408 -}
4409 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-top),
4410 -.e-grid-base .elementor-element:has(> .elementor-widget-placeholder.e-dragging-bottom),
4411 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-top),
4412 -.e-grid-base .elementor-element > :has(> .elementor-widget-placeholder.e-dragging-bottom) {
4413 - position: relative;
4414 -}
4415 -.e-grid-base .elementor-element .elementor-widget-placeholder {
4416 - --size: 10px;
4417 -}
4418 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top, .e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4419 - position: absolute;
4420 - width: 100%;
4421 - height: var(--size);
4422 - inset-inline: 0;
4423 - z-index: 9999;
4424 - animation: placeholder-widget 500ms;
4425 -}
4426 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-top {
4427 - inset-block-start: 0;
4428 -}
4429 -.e-grid-base .elementor-element .elementor-widget-placeholder.e-dragging-bottom {
4430 - inset-block-end: 0;
4431 4364 }
4432 4365
4433 4366 body.rtl .e-con.e-grid.e-con--row .elementor-widget-placeholder.e-dragging-right, body.rtl .e-con.e-grid.e-con--row > .e-con-inner .elementor-widget-placeholder.e-dragging-right {
4434 4367 left: 0;