CSS toepassen op Inline Widget

Pas je eigen CSS code toe om de WebwinkelKeur widget te personaliseren.

by Marcel Landeweerd

HTML

<script class="wwk_script_container">(function () {
(_wwk_id = (typeof _wwk_id !== 'undefined') ? _wwk_id : []).push('1');
(_wwk_layout = (typeof _wwk_layout !== 'undefined') ? _wwk_layout : []).push('button-text');
(_wwk_theme = (typeof _wwk_theme !== 'undefined') ? _wwk_theme : []).push('light');
(_wwk_color = (typeof _wwk_color !== 'undefined') ? _wwk_color : []).push('#ea0e8b');
(_wwk_show = (typeof _wwk_show !== 'undefined') ? _wwk_show : []).push('yes');
(_wwk_view = (typeof _wwk_view !== 'undefined') ? _wwk_view : []).push('slider');
(_wwk_amount = (typeof _wwk_amount !== 'undefined') ? _wwk_amount : []).push('6');
(_wwk_width = (typeof _wwk_width !== 'undefined') ? _wwk_width : []).push('manual');
(_wwk_width_amount = (typeof _wwk_width_amount !== 'undefined') ? _wwk_width_amount : []).push('135px');
(_wwk_height = (typeof _wwk_height !== 'undefined') ? _wwk_height : []).push('0');
(_wwk_interval = (typeof _wwk_interval !== 'undefined') ? _wwk_interval : []).push('5000');
(_wwk_language = (typeof _wwk_language !== 'undefined') ? _wwk_language : []).push('1');
(_wwk_inline = (typeof _wwk_inline !== 'undefined') ? _wwk_inline : []).push('1');
var js = document.createElement('script'), c = _wwk_id.length - 1;
js.className = 'wwk_script';
js.type = 'text/javascript';
js.async = true;
js.src = 'https://dashboard.webwinkelkeur.nl/webshops/widget_js?c=' + c;
var s = document.getElementsByClassName('wwk_script_container')[c];
s.parentNode.insertBefore(js, s);
})();</script>

CSS

.wwk-widget-modern-header {
display: none;
}

.wwk-widget-button-text-logo {
display: none;
}

.wwk-widget-button-text-details {
align-items: center;
background-color: #fff;
border: none !important;
border-left-width: 0;
border-radius: 0 15px 15px 0;
box-sizing: border-box;
color: #555;
display: flex;
height: 100%;
flex: 1;
font-size: 14px;
justify-content: left !important;
overflow: hidden;
padding: 0px !important;
}