Citaten opmaken in WordPress

Laatste update: 22/03/2021
13:33
De ervaring als: Gebruiker
Met: WordPress

Leestijd: < 1 minuut

Om citaten op te maken met CSS moet je deze code invullen:

blockquote {

Vervolgens kun je zelf CSS toevoegen, zoals

border-left:3px solid #428bca;
padding-left:10px

Zo krijg je een mooi balkje naast het citaat.

De CSS code voeg je toe via Dashboard > Customizer > Extra CSS

Ontdek de ervaring

				
					.woocommerce .widget_price_filter .ui-slider .ui-slider-range {

background-color: #fff;

}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {

background-color: #fff;

}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {

background-color: #000;

}

				
					<script>

document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
var mywindow = $(window);
var mypos = mywindow.scrollTop();
mywindow.scroll(function() {
if (mypos > 40) {
if(mywindow.scrollTop() > mypos) {
$('#stickyheaders').addClass('headerup');
} else {
$('#stickyheaders').removeClass('headerup');
}
}
mypos = mywindow.scrollTop();
}); }); });

</script>
<style>
#stickyheaders{
-webkit-transition: transform 0.34s ease;
transition : transform 0.34s ease;
}
.headerup{
transform: translateY(-110px); /*adjust this value to the height of your header*/
}
</style>

Citaten opmaken in WordPress

Ontdek de ervaring

Long Read