Use span_1_of_1 until span_1_of_8. You can combine it like this. It might require enym plugin, or you will end up with equidistant columns like "2 halfs", "3 thirds", "4 fourths" etc. (unil 8). Having mixed column widths requires a couple…
/*TESTIMONIALS*/ .testimonial-entry-content { font-weight: 400; font-size: 34px; line-height: 1.294em; font-family: Marcellus,serif; color: var(--qode-main-color); margin: 25px 0; -ms-word-wrap: break-word; word-wrap: break-word; background-color: transparent !important; border: transparent !important; padding:0; } .testimonial-caret { display:none; } .owl-item { opacity: 0; transition: opacity .4s cubic-bezier(0,.55,.45,1);…
/*STRETCH COLUMN: APPLY CLASS TO ROW AND SET TO FULL WIDTH NO PADDING AND DEFAULT GUTTER*/ @media only screen and (min-width: 1280px) { .extend-right:not(.ui-sortable) .vc_column_container:first-child, .extend-right .vc_vc_column:first-child { padding-left: calc(100vw + var(--wpex-vc-gutter) - var(--wpex-container-max-width, 980px)); } .extend-left:not(.ui-sortable) .vc_column_container:last-child, .extend-left .vc_vc_column:last-child…
/*ADD CLIPPING REVEAL FOR FADEIN ANIMATIONS*/ .wpb_animate_when_almost_visible.wpb_fadeInRight.animated img, .wpb_animate_when_almost_visible.wpb_fadeInLeft.animated img { -webkit-clip-path: inset(0 -1px 0 -1px); clip-path: inset(0 -1px 0 -1px); } .wpb_animate_when_almost_visible.wpb_fadeInRight img { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); transition: -webkit-clip-path .8s cubic-bezier(.45,.05,.15,.93) .2s;…
Requires header style three I guess: /*CENTER LOGO MOBILE*/ @media only screen and (max-width: 1220px) { body.wpex-mobile-toggle-menu-icon_buttons #site-logo { text-align: center !important; margin: 0 auto !important; width: 250px; float: unset !important; } }
Das folgende funktioniert leider nicht korrekt. Ich wollte in einem IFrame ein Custom CSS laden. Das Ganze hab eich hier mit jQuery probiert aber ich habe dann auch davon Abstand genommen, das überhaupt zu versuchen. Wer mag, kann den Ansatz…
/*ADD CLIPPING REVEAL FOR FADEIN ANIMATIONS*/ .wpb_animate_when_almost_visible.wpb_fadeInRight.animated img, .wpb_animate_when_almost_visible.wpb_fadeInLeft.animated img { -webkit-clip-path: inset(0 -1px 0 -1px); clip-path: inset(0 -1px 0 -1px); } .wpb_animate_when_almost_visible.wpb_fadeInRight img { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); transition: -webkit-clip-path .8s cubic-bezier(.45,.05,.15,.93) .2s;…
I love CSS Animations And here are some cool CSS tricks regarding Blobs and such. https://css-tricks.com/blobs/ And more: https://peeke.nl/simulating-blobs-of-fluid