Editing: helloplus-zigzag.css
.ehp-zigzag{--zigzag-title-color:#000;--zigzag-description-color:#000;--zigzag-content-position:center;--zigzag-image-width:50%;--zigzag-icon-width:50%;--zigzag-icon-size:256px;--zigzag-icon-color:#555963;--zigzag-icon-color-alternate:var(--zigzag-icon-color);--zigzag-animation-delay:0;--zigzag-animation-duration:1s;--zigzag-animation-duration-slow:2s;--zigzag-animation-duration-normal:1s;--zigzag-animation-duration-fast:0.8s;--zigzag-button-primary-icon-spacing:10px;--zigzag-button-primary-text-color:#fff;--zigzag-button-primary-text-color-hover:#7a7a7a;--zigzag-button-primary-text-color-alternate:var(--zigzag-button-primary-text-color);--zigzag-button-primary-text-color-hover-alternate:var(--zigzag-button-primary-text-color-hover);--zigzag-button-primary-border-width:0;--zigzag-button-primary-border-color:transparent;--zigzag-button-primary-border-radius-block-end:8px;--zigzag-button-primary-border-radius-block-start:8px;--zigzag-button-primary-border-radius-inline-end:8px;--zigzag-button-primary-border-radius-inline-start:8px;align-items:center;background-color:transparent;display:flex;flex-direction:column}.ehp-zigzag a.ehp-zigzag__button,.ehp-zigzag a.ehp-zigzag__button:not([href]):not([tabindex]){--ehp-button-primary-icon-spacing:var(--zigzag-button-primary-icon-spacing);--ehp-button-primary-text-color:var(--zigzag-button-primary-text-color);--ehp-button-primary-text-color-hover:var(--zigzag-button-primary-text-color-hover);--ehp-button-primary-border-width:var(--zigzag-button-primary-border-width);--ehp-button-primary-border-color:var(--zigzag-button-primary-border-color);--ehp-button-primary-padding-block-end:var(--zigzag-button-primary-padding-block-end);--ehp-button-primary-padding-block-start:var(--zigzag-button-primary-padding-block-start);--ehp-button-primary-padding-inline-end:var(--zigzag-button-primary-padding-inline-end);--ehp-button-primary-padding-inline-start:var(--zigzag-button-primary-padding-inline-start);--ehp-button-primary-border-radius-block-end:var(--zigzag-button-primary-border-radius-block-end);--ehp-button-primary-border-radius-block-start:var(--zigzag-button-primary-border-radius-block-start);--ehp-button-primary-border-radius-inline-end:var(--zigzag-button-primary-border-radius-inline-end);--ehp-button-primary-border-radius-inline-start:var(--zigzag-button-primary-border-radius-inline-start)}.ehp-zigzag.has-alternate-button-styles .ehp-zigzag__item-wrapper:nth-child(2n) a.ehp-zigzag__button,.ehp-zigzag.has-alternate-button-styles .ehp-zigzag__item-wrapper:nth-child(2n) a.ehp-zigzag__button:not([href]):not([tabindex]){--ehp-button-primary-text-color:var(--zigzag-button-primary-text-color-alternate);--ehp-button-primary-text-color-hover:var(--zigzag-button-primary-text-color-hover-alternate)}.ehp-zigzag.has-alternate-button-border-styles .ehp-zigzag__item-wrapper:nth-child(2n) a.ehp-zigzag__button,.ehp-zigzag.has-alternate-button-border-styles .ehp-zigzag__item-wrapper:nth-child(2n) a.ehp-zigzag__button:not([href]):not([tabindex]){border:var(--zigzag-button-primary-border-width-alternate) solid var(--zigzag-button-primary-border-color-alternate)}.ehp-zigzag.has-alternate-icon-color .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__graphic-element-container{color:var(--zigzag-icon-color-alternate)}.ehp-zigzag .ehp-image{--ehp-image-height:var(--zigzag-image-height);--ehp-image-min-height:var(--zigzag-image-min-height);--ehp-image-position:var(--zigzag-image-position);--ehp-image-border-color:var(--zigzag-image-border-color);--ehp-image-border-width:var(--zigzag-image-border-width);--ehp-image-border-radius-block-end:var(--zigzag-image-border-radius-block-end);--ehp-image-border-radius-block-start:var(--zigzag-image-border-radius-block-start);--ehp-image-border-radius-inline-end:var(--zigzag-image-border-radius-inline-end);--ehp-image-border-radius-inline-start:var(--zigzag-image-border-radius-inline-start)}.ehp-zigzag__button-container{display:flex}.ehp-zigzag__text-container{display:flex;flex-direction:column;justify-content:var(--zigzag-content-position)}.ehp-zigzag__text-container.is-graphic-image{width:calc(100% - var(--zigzag-image-width))}.ehp-zigzag__text-container.is-graphic-icon{width:calc(100% - var(--zigzag-icon-width))}.ehp-zigzag__image-container{width:100%}.ehp-zigzag__title{color:var(--zigzag-title-color)}.ehp-zigzag__description{color:var(--zigzag-description-color);font-size:18px}.ehp-zigzag__graphic-element-container{align-items:var(--zigzag-content-position);display:flex}.ehp-zigzag__graphic-element-container.has-image{width:var(--zigzag-image-width)}.elementor .ehp-zigzag__graphic-element-container.has-image img{width:100%}.ehp-zigzag__graphic-element-container.has-icon{color:var(--zigzag-icon-color);display:flex;justify-content:center;width:var(--zigzag-icon-width)}.ehp-zigzag__graphic-element-container.has-icon svg{fill:currentColor;height:var(--zigzag-icon-size);width:var(--zigzag-icon-size)}.ehp-zigzag__graphic-element-container.has-icon i{font-size:var(--zigzag-icon-size)}.ehp-zigzag__item-container{display:flex;gap:var(--zigzag-column-gap);max-width:var(--zigzag-content-width);padding-block:calc(var(--zigzag-row-gap)/2);padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start);width:100%}.ehp-zigzag.has-entrance-animation .ehp-zigzag__item-wrapper{animation-delay:var(--zigzag-animation-delay);animation-duration:var(--zigzag-animation-duration);animation-fill-mode:both;animation-timing-function:ease}.ehp-zigzag__item-wrapper{display:flex;justify-content:center;width:100%}.ehp-zigzag__item-wrapper:first-of-type .ehp-zigzag__item-container{padding-block-start:var(--zigzag-box-padding-block-start)}.ehp-zigzag__item-wrapper:last-of-type .ehp-zigzag__item-container{padding-block-end:var(--zigzag-box-padding-block-end)}.ehp-zigzag__item-wrapper.hidden{opacity:0;visibility:hidden}.ehp-zigzag__item-wrapper.visible{opacity:1;visibility:visible}@media screen and (min-width:1025px){.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container{flex-direction:row}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__item-container,.ehp-zigzag.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row-reverse}.ehp-zigzag.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__item-container{flex-direction:row}}@media screen and (max-width:1024px){.ehp-zigzag .ehp-zigzag__item-container{flex-direction:column}.ehp-zigzag.has-direction-end .ehp-zigzag__graphic-element-container{order:2}.ehp-zigzag.has-direction-end .ehp-zigzag__text-container{order:1}.ehp-zigzag .ehp-zigzag__graphic-element-container,.ehp-zigzag .ehp-zigzag__text-container{padding-inline:0;width:100%}}.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-inline:0}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch .ehp-zigzag__item-container{padding-block:0}.ehp-zigzag.has-image-stretch .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end);padding-inline-start:var(--zigzag-box-padding-inline-start)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__text-container{padding-block-end:var(--zigzag-box-padding-block-end)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}.ehp-zigzag.has-image-stretch.has-direction-start .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container,.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(odd) .ehp-zigzag__text-container{padding-inline-start:var(--zigzag-box-padding-inline-start)}}@media screen and (max-width:1024px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-block-start:var(--zigzag-box-padding-block-start)}}@media screen and (min-width:1025px){.ehp-zigzag.has-image-stretch.has-direction-end .ehp-zigzag__item-wrapper:nth-child(2n) .ehp-zigzag__text-container{padding-inline-end:var(--zigzag-box-padding-inline-end)}}
Save
Back