selector { --horizontal-gap: 30px; --caption-background: #fff; } selector .e-gallery-image { background-position: top; } selector .elementor-gallery-item__title { background: var(--caption-background); width: auto; padding: 8px 15px; border-radius: 5px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); transition: all 0.3s ease-in-out; opacity: 0; transform: translateY(10px); } selector .e-gallery-item:hover .elementor-gallery-item__title { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); opacity: 1; transform: translateY(0); } selector .elementor-widget-button { clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); transition: all 0.3s ease-in-out; opacity: 0; transform: translateY(10px); } selector .e-gallery-item:hover .elementor-widget-button { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); opacity: 1; transform: translateY(0); } selector .e-gallery-grid { --hgap: var(--horizontal-gap) !important; } selector a:focus { outline: none; } selector:not(.show) .elementor-gallery-item { border-color: transparent; } body.elementor-editor-preview selector:not(.show) .elementor-gallery-item, body.elementor-editor-active selector:not(.show) .elementor-gallery-item { border-color: var(--image-border-color); }
selector { –horizontal-gap: 30px; –caption-background: #fff; } selector .e-gallery-image { background-position: top; } selector .elementor-gallery-item__title { background: var(–caption-background); width: auto; padding: 8px 15px; border-radius: 5px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); transition: all 0.3s ease-in-out; opacity: 0; transform: translateY(10px); } selector .e-gallery-item:hover .elementor-gallery-item__title { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); opacity: 1; transform: translateY(0); } selector .elementor-widget-button { clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); transition: all 0.3s ease-in-out; opacity: 0; transform: translateY(10px); } selector .e-gallery-item:hover .elementor-widget-button { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); opacity: 1; transform: translateY(0); } selector .e-gallery-grid { –hgap: var(–horizontal-gap) !important; } selector a:focus { outline: none; } selector:not(.show) .elementor-gallery-item { border-color: transparent; } body.elementor-editor-preview selector:not(.show) .elementor-gallery-item, body.elementor-editor-active selector:not(.show) .elementor-gallery-item { border-color: var(–image-border-color); }