Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author SilkyPress

    (@diana_burduja)

    Would you please check on the frontend if the zoom works?

    Thread Starter tvlaamsstripcentrum

    (@tvlaamsstripcentrum)

    I checked, it didn’t.

    This is currently a site in development on a local server. I can see if I can screen it so you can see that it won’t work.
    Tried it with the standard WordPress builder, nothing. And yes I set the image to “with zoom

    Thread Starter tvlaamsstripcentrum

    (@tvlaamsstripcentrum)

    Made a little video:

    Tried it with the standard WordPress builder it does something, but not very good.

    Plugin Author SilkyPress

    (@diana_burduja)

    How the zoom shows up on the frontend doesn’t depend on the page builder. The zoom works on any image that has the “zoooom” CSS class attached to it, regardless if you added the CSS class with the standard WordPress builder (do you mean Gutenberg or the Classic Editor?) or the UX Builder.

    There has to be another issue on the frontend, but I’d need to see the page’s HTML in order to debug this. Could you give me a link to the page so I can have a look?

    Thread Starter tvlaamsstripcentrum

    (@tvlaamsstripcentrum)

    @diana_burduja

    I ment Gutenberg.The problem is that the page is currently on a local server in wait to go live. I can try to copy the html code here but not sure if this will help you.

    
    <!DOCTYPE html>
    <!--[if IE 9 ]> <html lang="en-US" class="ie9 loading-site no-js"> <![endif]-->
    <!--[if IE 8 ]> <html lang="en-US" class="ie8 loading-site no-js"> <![endif]-->
    <!--[if (gte IE 9)|!(IE)]><!--><html lang="en-US" class="loading-site no-js"> <!--<![endif]-->
    <head>
    	<meta charset="UTF-8" />
    	<link rel="profile" href="https://gmpg.org/xfn/11" />
    	<link rel="pingback" href="https://doek-vzw:8888/xmlrpc.php" />
    
    	<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
    <title>Impact – DOEK vzw</title>
    <meta name='robots' content='noindex, nofollow' />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><link rel='dns-prefetch' href='//fonts.googleapis.com' />
    <link rel='dns-prefetch' href='//s.w.org' />
    <link rel="alternate" type="application/rss+xml" title="DOEK vzw &raquo; Feed" href="https://doek-vzw:8888/feed/" />
    <link rel="alternate" type="application/rss+xml" title="DOEK vzw &raquo; Comments Feed" href="https://doek-vzw:8888/comments/feed/" />
    		<script type="text/javascript">
    			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/doek-vzw:8888\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.7.2"}};
    			!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55357,56424,8205,55356,57212],[55357,56424,8203,55356,57212])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
    		</script>
    		<style type="text/css">
    img.wp-smiley,
    img.emoji {
    	display: inline !important;
    	border: none !important;
    	box-shadow: none !important;
    	height: 1em !important;
    	width: 1em !important;
    	margin: 0 .07em !important;
    	vertical-align: -0.1em !important;
    	background: none !important;
    	padding: 0 !important;
    }
    </style>
    	<link rel='stylesheet' id='wp-block-library-css'  href='https://doek-vzw:8888/wp-includes/css/dist/block-library/style.min.css?ver=5.7.2' type='text/css' media='all' />
    <link rel='stylesheet' id='flatsome-icons-css'  href='https://doek-vzw:8888/wp-content/themes/flatsome/assets/css/fl-icons.css?ver=3.12' type='text/css' media='all' />
    <link rel='stylesheet' id='flatsome-main-css'  href='https://doek-vzw:8888/wp-content/themes/flatsome/assets/css/flatsome.css?ver=3.13.3' type='text/css' media='all' />
    <link rel='stylesheet' id='flatsome-style-css'  href='https://doek-vzw:8888/wp-content/themes/doek-vzw/style.css?ver=1.0' type='text/css' media='all' />
    <link rel='stylesheet' id='flatsome-googlefonts-css'  href='//fonts.googleapis.com/css?family=Lato%3Aregular%2C700%2C400%2C700%7CDancing+Script%3Aregular%2C400&display=swap&ver=3.9' type='text/css' media='all' />
    <script type='text/javascript' src='https://doek-vzw:8888/wp-includes/js/jquery/jquery.min.js?ver=3.5.1' id='jquery-core-js'></script>
    <script type='text/javascript' src='https://doek-vzw:8888/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script>
    <script type='text/javascript' src='https://doek-vzw:8888/wp-content/plugins/wp-image-zoooom/assets/js/jquery.image_zoom.min.js?ver=1.46' id='image_zoooom-js'></script>
    <script type='text/javascript' id='image_zoooom-init-js-extra'>
    /* <![CDATA[ */
    var IZ = {"with_woocommerce":"0","exchange_thumbnails":"0","woo_categories":"0","enable_mobile":"","options":{"lensShape":"square","lensSize":200,"lensBorderSize":0,"lensBorderColour":"#ffffff","borderRadius":0,"cursor":"zoom-in","zoomWindowWidth":400,"zoomWindowHeight":360,"zoomWindowOffsetx":10,"borderSize":1,"borderColour":"#888888","zoomWindowShadow":4,"lensFadeIn":0.5,"lensFadeOut":0.5,"zoomWindowFadeIn":0.5,"zoomWindowFadeOut":0.5,"easingAmount":12,"tint":"true","tintColour":"#ffffff","tintOpacity":0.1},"woo_slider":"0"};
    /* ]]> */
    </script>
    <script type='text/javascript' src='https://doek-vzw:8888/wp-content/plugins/wp-image-zoooom/assets/js/image_zoom-init.js?ver=1.46' id='image_zoooom-init-js'></script>
    <link rel="https://api.w.org/" href="https://doek-vzw:8888/wp-json/" /><link rel="alternate" type="application/json" href="https://doek-vzw:8888/wp-json/wp/v2/posts/569" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://doek-vzw:8888/xmlrpc.php?rsd" />
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://doek-vzw:8888/wp-includes/wlwmanifest.xml" /> 
    <meta name="generator" content="WordPress 5.7.2" />
    <link rel="canonical" href="https://doek-vzw:8888/impact/" />
    <link rel='shortlink' href='https://doek-vzw:8888/?p=569' />
    <link rel="alternate" type="application/json+oembed" href="https://doek-vzw:8888/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fdoek-vzw%3A8888%2Fimpact%2F" />
    <link rel="alternate" type="text/xml+oembed" href="https://doek-vzw:8888/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fdoek-vzw%3A8888%2Fimpact%2F&format=xml" />
    <style>.bg{opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;} .bg-loaded{opacity: 1;}</style><!--[if IE]><link rel="stylesheet" type="text/css" href="https://doek-vzw:8888/wp-content/themes/flatsome/assets/css/ie-fallback.css"><script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"></script><script>var head = document.getElementsByTagName('head')[0],style = document.createElement('style');style.type = 'text/css';style.styleSheet.cssText = ':before,:after{content:none !important';head.appendChild(style);setTimeout(function(){head.removeChild(style);}, 0);</script><script src="https://doek-vzw:8888/wp-content/themes/flatsome/assets/libs/ie-flexibility.js"></script><![endif]--><style id="custom-css" type="text/css">:root {--primary-color: #d9ebdf;}.header-main{height: 85px}#logo img{max-height: 85px}#logo{width:73px;}.header-bottom{min-height: 55px}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 90px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color, .header-wrapper {background-color: #d9ebdf}.header-bottom {background-color: #d9ebdf}.header-main .nav > li > a{line-height: 16px }.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}/* Color */.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary{color: #d9ebdf;}/* Color !important */[data-text-color="primary"]{color: #d9ebdf!important;}/* Background Color */[data-text-bg="primary"]{background-color: #d9ebdf;}/* Background */.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{background-color: #d9ebdf;}/* Border */.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{border-color: #d9ebdf}.nav-tabs > li.active > a{border-top-color: #d9ebdf}.widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #d9ebdf }.woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #d9ebdf }/* Fill */.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow{fill: #d9ebdf;}/* Background Color */[data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step{ background-color:#000000; }[data-text-bg="secondary"]{background-color: #000000;}/* Color */.secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary{color: #000000}/* Color !important */[data-text-color="secondary"]{color: #000000!important;}/* Border */.secondary.is-outline:hover{border-color:#000000}body{font-size: 100%;}body{font-family:"Lato", sans-serif}body{font-weight: 400}body{color: #000000}.nav > li > a {font-family:"Lato", sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family:"Lato", sans-serif;}.nav > li > a {font-weight: 700;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Lato", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 700;}h1,h2,h3,h4,h5,h6,.heading-font{color: #000000;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font{font-weight: 400!important;}.header:not(.transparent) .header-nav-main.nav > li > a {color: #000000;}.header:not(.transparent) .header-nav-main.nav > li > a:hover,.header:not(.transparent) .header-nav-main.nav > li.active > a,.header:not(.transparent) .header-nav-main.nav > li.current > a,.header:not(.transparent) .header-nav-main.nav > li > a.active,.header:not(.transparent) .header-nav-main.nav > li > a.current{color: #636363;}.header-nav-main.nav-line-bottom > li > a:before,.header-nav-main.nav-line-grow > li > a:before,.header-nav-main.nav-line > li > a:before,.header-nav-main.nav-box > li > a:hover,.header-nav-main.nav-box > li.active > a,.header-nav-main.nav-pills > li > a:hover,.header-nav-main.nav-pills > li.active > a{color:#FFF!important;background-color: #636363;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #000000;}.header:not(.transparent) .header-bottom-nav.nav > li > a:hover,.header:not(.transparent) .header-bottom-nav.nav > li.active > a,.header:not(.transparent) .header-bottom-nav.nav > li.current > a,.header:not(.transparent) .header-bottom-nav.nav > li > a.active,.header:not(.transparent) .header-bottom-nav.nav > li > a.current{color: #636363;}.header-bottom-nav.nav-line-bottom > li > a:before,.header-bottom-nav.nav-line-grow > li > a:before,.header-bottom-nav.nav-line > li > a:before,.header-bottom-nav.nav-box > li > a:hover,.header-bottom-nav.nav-box > li.active > a,.header-bottom-nav.nav-pills > li > a:hover,.header-bottom-nav.nav-pills > li.active > a{color:#FFF!important;background-color: #636363;}a{color: #729ecf;}a:hover{color: #729ecf;}.tagcloud a:hover{border-color: #729ecf;background-color: #729ecf;}.widget a{color: #729ecf;}.widget a:hover{color: #729ecf;}.widget .tagcloud a:hover{border-color: #729ecf; background-color: #729ecf;}.is-divider{background-color: #000000;}.footer-1{background-color: #f0f0f0}.footer-2{background-color: #0c0c0c}.absolute-footer, html{background-color: #f0f0f0}/* Custom CSS */h1 .section-title-main {color: #d9ebdf;}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}</style>		<style type="text/css" id="wp-custom-css">
    			.nav-left {justify-content: center;}
    .zonder {border: none;}
    p.rotate {
      width: 30px;
      height: 35px;
    font-weight: bold;
      -ms-transform: rotate(90deg); /* IE 9 */
      transform: rotate(90deg);
    }
    header.entry-header {
        visibility: hidden !important;
        height: 0px;
        background-color: pink;
    }		</style>
    		</head>
    
    <body class="post-template-default single single-post postid-569 single-format-standard lightbox nav-dropdown-has-arrow nav-dropdown-has-shadow nav-dropdown-has-border">
    
    <a class="skip-link screen-reader-text" href="#main">Skip to content</a>
    
    <div id="wrapper">
    
    	
    	<header id="header" class="header header-full-width has-sticky sticky-jump">
    		<div class="header-wrapper">
    			<div id="masthead" class="header-main ">
          <div class="header-inner flex-row container logo-left medium-logo-center" role="navigation">
    
              <!-- Logo -->
              <div id="logo" class="flex-col logo">
                <!-- Header logo -->
    <a href="https://doek-vzw:8888/" title="DOEK vzw - Textielplatform voor  het scheppen van nieuwe  regels en vormen" rel="home">
        <img width="73" height="85" src="https://doek-vzw:8888/wp-content/uploads/2021/04/4c8a3c_f7bb0066c9e94d57be9dfc78cdd105damv2.png" class="header_logo header-logo" alt="DOEK vzw"/><img  width="73" height="85" src="https://doek-vzw:8888/wp-content/uploads/2021/04/4c8a3c_f7bb0066c9e94d57be9dfc78cdd105damv2.png" class="header-logo-dark" alt="DOEK vzw"/></a>
              </div>
    
              <!-- Mobile Left Elements -->
              <div class="flex-col show-for-medium flex-left">
                <ul class="mobile-nav nav nav-left ">
                  <li class="nav-icon has-icon">
      		<a href="#" data-open="#main-menu" data-pos="left" data-bg="main-menu-overlay" data-color="" class="is-small" aria-label="Menu" aria-controls="main-menu" aria-expanded="false">
    		
    		  <i class="icon-menu" ></i>
    		  		</a>
    	</li>            </ul>
              </div>
    
              <!-- Left Elements -->
              <div class="flex-col hide-for-medium flex-left
                flex-grow">
                <ul class="header-nav header-nav-main nav nav-left  nav-size-medium nav-spacing-xlarge" >
                  <li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-39 menu-item-design-default has-dropdown"><a href="https://doek-vzw:8888/over-doek/" class="nav-top-link">Over Doek<i class="icon-angle-down" ></i></a>
    <ul class="sub-menu nav-dropdown nav-dropdown-default">
    	<li id="menu-item-265" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-265"><a href="/over-doek/#missie">Missie en visie</a></li>
    	<li id="menu-item-266" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-266"><a href="/over-doek/#werking">Werking</a></li>
    	<li id="menu-item-267" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-267"><a href="/over-doek/#historiek">Historiek</a></li>
    	<li id="menu-item-557" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-557"><a href="/over-doek/#processen">Processen</a></li>
    </ul>
    </li>
    <li id="menu-item-264" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264 menu-item-design-default"><a href="https://doek-vzw:8888/tools/" class="nav-top-link">Tools</a></li>
    <li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37 menu-item-design-default"><a href="https://doek-vzw:8888/projecten/" class="nav-top-link">Projecten</a></li>
    <li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36 menu-item-design-default"><a href="https://doek-vzw:8888/community/" class="nav-top-link">Community</a></li>
    <li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35 menu-item-design-default"><a href="https://doek-vzw:8888/pers/" class="nav-top-link">Pers</a></li>
                </ul>
              </div>
    
              <!-- Right Elements -->
              <div class="flex-col hide-for-medium flex-right">
                <ul class="header-nav header-nav-main nav nav-right  nav-size-medium nav-spacing-xlarge">
                  <li class="header-search header-search-dropdown has-icon has-dropdown menu-item-has-children">
    		<a href="#" aria-label="Search" class="is-small"><i class="icon-search" ></i></a>
    		<ul class="nav-dropdown nav-dropdown-default">
    	 	<li class="header-search-form search-form html relative has-icon">
    	<div class="header-search-form-wrapper">
    		<div class="searchform-wrapper ux-search-box relative is-normal"><form method="get" class="searchform" action="https://doek-vzw:8888/" role="search">
    		<div class="flex-row relative">
    			<div class="flex-col flex-grow">
    	   	   <input type="search" class="search-field mb-0" name="s" value="" id="s" placeholder="Zoeken" />
    			</div>
    			<div class="flex-col">
    				<button type="submit" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
    					<i class="icon-search" ></i>				</button>
    			</div>
    		</div>
        <div class="live-search-results text-left z-top"></div>
    </form>
    </div>	</div>
    </li>	</ul>
    </li>
                </ul>
              </div>
    
              <!-- Mobile Right Elements -->
              <div class="flex-col show-for-medium flex-right">
                <ul class="mobile-nav nav nav-right ">
                              </ul>
              </div>
    
          </div>
         
          </div>
    <div class="header-bg-container fill"><div class="header-bg-image fill"></div><div class="header-bg-color fill"></div></div>		</div>
    	</header>
    
    	
    	<main id="main" class="">
    
    <div id="content" class="blog-wrapper blog-single page-wrapper">
    	
    <div class="row align-center">
    	<div class="large-10 col">
    	
    	
    
    <article id="post-569" class="post-569 post type-post status-publish format-standard has-post-thumbnail hentry category-projecten">
    	<div class="article-inner ">
    		<header class="entry-header">
    	<div class="entry-header-text entry-header-text-top text-center">
    		<h6 class="entry-category is-xsmall">
    	<a href="https://doek-vzw:8888/category/projecten/" rel="category tag">Projecten</a></h6>
    
    <h1 class="entry-title">Impact</h1>
    <div class="entry-divider is-divider small"></div>
    
    	</div>
    				</header>
    		<div class="entry-content single-page">
    
    	
    	<section class="section" id="section_861383017">
    		<div class="bg section-bg fill bg-fill  bg-loaded" >
    
    			
    			
    			
    
    		</div>
    
    		<div class="section-content relative">
    			
    
    <div class="row"  id="row-580459706">
    
    	<div id="col-1704483762" class="col hide-for-small medium-4 large-4"  >
    		<div class="col-inner"  >
    			
    			
    
    		</div>
    			</div>
    
    	
    
    	<div id="col-1559364077" class="col medium-7 large-7"  >
    		<div class="col-inner"  >
    			
    			
    
    <h1 class="uppercase"><span style="color: #D9EBDF;">IMPACT</span></h1>
    <h2>Lorum ipsum</h2>
    <h3><span style="font-size: 130%;">2020</span></h3>
    
    		</div>
    			</div>
    
    	
    
    </div>
    <div class="row row-large"  id="row-1939127751">
    
    	<div id="col-157042679" class="col medium-4 small-12 large-4"  >
    		<div class="col-inner"  >
    			
    	<div class="is-border"
    		style="border-color:rgb(0, 0, 0);border-width:2px 2px 2px 2;margin:0px -15px 0px 0px;">
    	</div>
    			
    
    	<div id="text-379362841" class="text">
    		
    
    <p><strong>partners</strong> <br>xxx<br><br>
    <strong>met de steun van</strong><br>
    yyyyy<br>
    </p>
    		
    <style>
    #text-379362841 {
      text-align: right;
    }
    </style>
    	</div>
    	
    
    		</div>
    		
    <style>
    #col-157042679 > .col-inner {
      padding: 10px 0px 10px 10px;
    }
    </style>
    	</div>
    
    	
    
    	<div id="col-585406512" class="col medium-7 small-12 large-7"  >
    		<div class="col-inner"  >
    			
    			
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lobortis consequat sapien vel aliquet. Donec lobortis augue sit amet nisi commodo blandit. Nunc ligula nisl, molestie vel ante ut, efficitur eleifend dolor. Maecenas placerat ante nec erat scelerisque, eget placerat justo ultrices. Ut in porta diam. Nunc sed porttitor est, et porttitor est. Aenean mollis consectetur turpis sed rhoncus. Vivamus nisl nulla, dapibus at viverra non, eleifend eget lectus. Duis aliquet quam vel nunc finibus, ac pulvinar neque facilisis. Fusce sodales, orci id aliquet elementum, orci metus tempus urna, vel bibendum purus orci vitae quam. Morbi euismod nisl id mi tempor euismod. Donec neque ex, malesuada ac turpis sit amet, commodo venenatis mi. Mauris facilisis lorem nec purus ornare, facilisis pellentesque ipsum sollicitudin.</p>
    <div class="row align-middle"  id="row-1694439368">
    
    	<div id="col-2037129995" class="col medium-4 small-12 large-4"  >
    		<div class="col-inner text-center"  >
    			
    			
    
    <a rel="noopener noreferrer" href="https://demos.be/agenda/doekvzw-presenteert-tour-danvers" target="_blank" class="button secondary is-outline lowercase expand"  >
        <span>lees meer</span>
      </a>
    
    		</div>
    			</div>
    
    	
    
    	<div id="col-294796925" class="col medium-4 small-12 large-4"  >
    		<div class="col-inner text-center"  >
    			
    			
    
    <a href="https://www.gva.be/cnt/bleja_01904527/afghaanse-vrouwen-touren-door-antwerpen" target="_self" class="button secondary is-outline lowercase expand"  >
        <span>pers</span>
      </a>
    
    		</div>
    			</div>
    
    	
    
    </div>
    
    		</div>
    			</div>
    
    	
    
    </div>
    <a href="/projecten/" target="_self" class="button primary is-link"  style="padding:0px 0px 0px 85px;">
      <i class="icon-angle-left" ></i>  <span>Terug naar PROJECTEN</span>
      </a>
    
    		</div>
    
    		
    <style>
    #section_861383017 {
      padding-top: 30px;
      padding-bottom: 30px;
    }
    </style>
    	</section>
    	
    	<div class="img has-hover zoooom x md-x lg-x y md-y lg-y" id="image_389118844">
    								<div class="img-inner dark" >
    			<img width="800" height="800" src="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E" data-src="https://doek-vzw:8888/wp-content/uploads/2021/06/impact_800.jpg" class="lazy-load attachment-large size-large" alt="zoooom" loading="lazy" srcset="" data-srcset="https://doek-vzw:8888/wp-content/uploads/2021/06/impact_800.jpg 800w, https://doek-vzw:8888/wp-content/uploads/2021/06/impact_800-300x300.jpg 300w, https://doek-vzw:8888/wp-content/uploads/2021/06/impact_800-150x150.jpg 150w, https://doek-vzw:8888/wp-content/uploads/2021/06/impact_800-768x768.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />						
    					</div>
    								
    <style>
    #image_389118844 {
      width: 100%;
    }
    </style>
    	</div>
    	
    
    <div id='gallery-1' class='gallery galleryid-569 gallery-columns-1 gallery-size-full'><figure class='gallery-item'>
    			<div class='gallery-icon landscape'>
    				<img width="800" height="800" src="data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20800%20800%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E" data-src="https://doek-vzw:8888/wp-content/uploads/2021/06/impact_800.jpg" class="lazy-load attachment-full size-full" alt="zoooom" loading="lazy" srcset="" data-srcset="https://doek-vzw:8888/wp-content/uploads/2021/06/impact_800.jpg 800w, https://doek-vzw:8888/wp-content/uploads/2021/06/impact_800-300x300.jpg 300w, https://doek-vzw:8888/wp-content/uploads/2021/06/impact_800-150x150.jpg 150w, https://doek-vzw:8888/wp-content/uploads/2021/06/impact_800-768x768.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />
    			</div></figure>
    		</div>
    
    	
    	</div>
    
    	</div>
    </article>
    
    <div id="comments" class="comments-area">
    
    	
    	
    	
    	
    </div>
    	</div>
    
    </div>
    
    </div>
    
    </main>
    
    <footer id="footer" class="footer-wrapper">
    
    	
    <!-- FOOTER 1 -->
    
    <!-- FOOTER 2 -->
    
    <div class="absolute-footer light medium-text-center text-center">
      <div class="container clearfix">
    
        
        <div class="footer-primary pull-left">
                  <div class="menu-footer-container"><ul id="menu-footer" class="links footer-nav uppercase"><li id="menu-item-212" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212"><a href="https://doek-vzw:8888/contact/">Contact</a></li>
    <li id="menu-item-214" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-214"><a href="https://eepurl.com/dvVLwX">Nieuwsbrief</a></li>
    <li id="menu-item-213" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-213"><a href="https://doek-vzw:8888/partners/">Partners</a></li>
    <li id="menu-item-211" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-211"><a href="https://doek-vzw:8888/privacy-policy/">Privacybeleid</a></li>
    </ul></div>            <div class="copyright-footer">
            	<section class="section hide-for-medium" id="section_497362368">
    		<div class="bg section-bg fill bg-fill  bg-loaded" >
    
    			
    			
    			
    
    		</div>
    
    		<div class="section-content relative">
    			
    
    <div class="row align-middle align-center"  id="row-420942766">
    
    	<div id="col-278133902" class="col medium-2 small-6 large-2"  >
    		<div class="col-inner text-center"  >
    			
    			
    
    <div class="social-icons follow-icons full-width text-center" ><a href="https://www.facebook.com/DOEKvzw" target="_blank" data-label="Facebook"  rel="noopener noreferrer nofollow" class="icon plain facebook tooltip" title="Follow on Facebook"><i class="icon-facebook" ></i></a><a href="https://www.instagram.com/doek.textile.platform/" target="_blank" rel="noopener noreferrer nofollow" data-label="Instagram" class="icon plain  instagram tooltip" title="Follow on Instagram"><i class="icon-instagram" ></i></a></div>
    
    <div class="searchform-wrapper ux-search-box relative is-small"><form method="get" class="searchform" action="https://doek-vzw:8888/" role="search">
    		<div class="flex-row relative">
    			<div class="flex-col flex-grow">
    	   	   <input type="search" class="search-field mb-0" name="s" value="" id="s" placeholder="Zoeken" />
    			</div>
    			<div class="flex-col">
    				<button type="submit" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
    					<i class="icon-search" ></i>				</button>
    			</div>
    		</div>
        <div class="live-search-results text-left z-top"></div>
    </form>
    </div>
    
    		</div>
    			</div>
    
    	
    
    	<div id="col-1205309113" class="col medium-2 small-6 large-2"  >
    		<div class="col-inner"  >
    			
    			
    
    <div class="ux-logo has-hover align-middle ux_logo inline-block" style="max-width: 100%!important; width: auto!important"><div class="ux-logo-link block image-" title=""  href="" style="padding: 15px;"><img src="https://doek-vzw:8888/wp-content/uploads/2021/05/Koning-Boudewijnstichting.svg" title="" alt="" class="ux-logo-image block" style="height:50px;" /></div></div>
    
    		</div>
    			</div>
    
    	
    
    	<div id="col-895925999" class="col medium-2 small-6 large-2"  >
    		<div class="col-inner"  >
    			
    			
    
    <div class="ux-logo has-hover align-middle ux_logo inline-block" style="max-width: 100%!important; width: auto!important"><div class="ux-logo-link block image-" title=""  href="" style="padding: 15px;"><img src="https://doek-vzw:8888/wp-content/uploads/2021/05/Antwerpen-A.svg" title="" alt="" class="ux-logo-image block" style="height:50px;" /></div></div>
    
    		</div>
    			</div>
    
    	
    
    	<div id="col-1165594541" class="col medium-3 small-6 large-3"  >
    		<div class="col-inner"  >
    			
    			
    
    <div class="ux-logo has-hover align-middle ux_logo inline-block" style="max-width: 100%!important; width: 158.38541666667px!important"><div class="ux-logo-link block image-" title=""  href="" style="padding: 15px;"><img src="https://doek-vzw:8888/wp-content/uploads/2021/05/Vlaanderen-verbeelding-werkt_vol_zwart.png" title="" alt="" class="ux-logo-image block" style="height:50px;" /></div></div>
    
    		</div>
    			</div>
    
    	
    
    </div>
    
    		</div>
    
    		
    <style>
    #section_497362368 {
      padding-top: 30px;
      padding-bottom: 30px;
      background-color: rgb(240, 240, 240);
    }
    </style>
    	</section>
    	Copyright 2021 ? <strong>DOEK</strong>      </div>
              </div>
      </div>
    </div>
    </footer>
    
    </div>
    
    <div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide">
    	<div class="sidebar-menu no-scrollbar ">
    		<ul class="nav nav-sidebar nav-vertical nav-uppercase">
    			<li class="header-search-form search-form html relative has-icon">
    	<div class="header-search-form-wrapper">
    		<div class="searchform-wrapper ux-search-box relative is-normal"><form method="get" class="searchform" action="https://doek-vzw:8888/" role="search">
    		<div class="flex-row relative">
    			<div class="flex-col flex-grow">
    	   	   <input type="search" class="search-field mb-0" name="s" value="" id="s" placeholder="Zoeken" />
    			</div>
    			<div class="flex-col">
    				<button type="submit" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
    					<i class="icon-search" ></i>				</button>
    			</div>
    		</div>
        <div class="live-search-results text-left z-top"></div>
    </form>
    </div>	</div>
    </li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-39"><a href="https://doek-vzw:8888/over-doek/">Over Doek</a>
    <ul class="sub-menu nav-sidebar-ul children">
    	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-265"><a href="/over-doek/#missie">Missie en visie</a></li>
    	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-266"><a href="/over-doek/#werking">Werking</a></li>
    	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-267"><a href="/over-doek/#historiek">Historiek</a></li>
    	<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-557"><a href="/over-doek/#processen">Processen</a></li>
    </ul>
    </li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264"><a href="https://doek-vzw:8888/tools/">Tools</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="https://doek-vzw:8888/projecten/">Projecten</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="https://doek-vzw:8888/community/">Community</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="https://doek-vzw:8888/pers/">Pers</a></li>
    WooCommerce not Found<li class="header-newsletter-item has-icon">
    
      <a href="#header-newsletter-signup" class="tooltip" title="Sign up for Newsletter">
    
        <i class="icon-envelop"></i>
        <span class="header-newsletter-title">
          Newsletter    </span>
      </a>
    
    </li><li class="html header-social-icons ml-0">
    	<div class="social-icons follow-icons" ><a href="https://url" target="_blank" data-label="Facebook"  rel="noopener noreferrer nofollow" class="icon plain facebook tooltip" title="Follow on Facebook"><i class="icon-facebook" ></i></a><a href="https://url" target="_blank" rel="noopener noreferrer nofollow" data-label="Instagram" class="icon plain  instagram tooltip" title="Follow on Instagram"><i class="icon-instagram" ></i></a><a href="https://url" target="_blank"  data-label="Twitter"  rel="noopener noreferrer nofollow" class="icon plain  twitter tooltip" title="Follow on Twitter"><i class="icon-twitter" ></i></a><a href="mailto:your@email" data-label="E-mail"  rel="nofollow" class="icon plain  email tooltip" title="Send us an email"><i class="icon-envelop" ></i></a></div></li>		</ul>
    	</div>
    </div>
    	<div class="flatsome-cookies">
    		<div class="flatsome-cookies__inner">
    			<div class="flatsome-cookies__text">
    				We gebruiken cookies en vergelijkbare technologie?n om de diensten en functionaliteit op onze site mogelijk te maken en om je interactie met onze dienst te begrijpen. Door op 'Accepteren' te klikken, ga je akkoord met ons gebruik van dergelijke technologie?n voor marketing en analyse. Bekijk het privacybeleid			</div>
    			<div class="flatsome-cookies__buttons">
    				<a href="https://doek-vzw:8888/privacy-policy/" target="_self" class="button secondary flatsome-cookies__more-btn"  >
        <span>More info</span>
      </a>
    				<a href="#" target="_self" class="button primary flatsome-cookies__accept-btn"  >
        <span>Accept</span>
      </a>
    			</div>
    		</div>
    	</div>
    	<script type='text/javascript' src='https://doek-vzw:8888/wp-content/themes/flatsome/inc/extensions/flatsome-live-search/flatsome-live-search.js?ver=3.13.3' id='flatsome-live-search-js'></script>
    <script type='text/javascript' src='https://doek-vzw:8888/wp-includes/js/hoverIntent.min.js?ver=1.8.1' id='hoverIntent-js'></script>
    <script type='text/javascript' id='flatsome-js-js-extra'>
    /* <![CDATA[ */
    var flatsomeVars = {"ajaxurl":"http:\/\/doek-vzw:8888\/wp-admin\/admin-ajax.php","rtl":"","sticky_height":"70","lightbox":{"close_markup":"<button title=\"%title%\" type=\"button\" class=\"mfp-close\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button>","close_btn_inside":false},"user":{"can_edit_pages":false},"i18n":{"mainMenu":"Main Menu"},"options":{"cookie_notice_version":"1"}};
    /* ]]> */
    </script>
    <script type='text/javascript' src='https://doek-vzw:8888/wp-content/themes/flatsome/assets/js/flatsome.js?ver=3.13.3' id='flatsome-js-js'></script>
    <script type='text/javascript' src='https://doek-vzw:8888/wp-content/themes/flatsome/inc/extensions/flatsome-cookie-notice/flatsome-cookie-notice.js?ver=3.12.0' id='flatsome-cookie-notice-js'></script>
    <script type='text/javascript' src='https://doek-vzw:8888/wp-content/themes/flatsome/inc/extensions/flatsome-lazy-load/flatsome-lazy-load.js?ver=3.13.3' id='flatsome-lazy-js'></script>
    <script type='text/javascript' src='https://doek-vzw:8888/wp-includes/js/wp-embed.min.js?ver=5.7.2' id='wp-embed-js'></script>
    
    </body>
    </html>
    
    Thread Starter tvlaamsstripcentrum

    (@tvlaamsstripcentrum)

    Plugin Author SilkyPress

    (@diana_burduja)

    The uploaded image is 800x800px. If you upload a larger image, then the zoom will work alright. By “larger” I don’t mean “higher resolution”, but larger as “width x height in px”.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Flatsome UX Builder image’ is closed to new replies.