Embedded CSS voor WordPress gallery uitschakelen

Steeds vaker gebruik ik de ingebouwde WordPress gallery in plaats van een plugin, zoals NextGen Gallery. Een klant vroeg mij de stijl van de gallery een beetje aan te passen.

In de stylesheet van het theme kon ik geen css vinden voor de gallery. WordPress genereert de stijlen voor de gallery in de html van de pagina.

Daar staat zoiets als dit:

[code]

<style type=”text/css”>
#gallery-1 {
margin: auto;
}
#gallery-1 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-1 img {
border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
</style>

[/code]

De oplossing vond ik op ZEO: Remove WordPress gallery shortcode embedded CSS.

Je kunt deze stijlen uitschakelen door dit stukje code in functions.php te plakken.

[code]

// Remove WordPress shortcode embedded CSS

add_filter(‘gallery_style’,
create_function(
‘$css’,
‘return preg_replace(“#<style type=’text/css’>(.*?)</style>#s”, “”, $css);’
)
);

[/code]

En aan de css je eigen stijlen toe te voegen, bijvoorbeeld:

[code]

/* AD gallery */
.gallery {
clear: both;
margin: auto;
}

.gallery .gallery-item {
float: left;
margin-top: 10px;
text-align: left;
width: 33%;
}
.gallery .gallery-item img {
max-width: 89%;
height: auto;
}
.gallery-caption {
margin-left: 0;
}

[/code]

Wil je reageren?

Graag!
Je kunt hier een berichtje achterlaten. Het is noodzakelijk daarvoor je naam en emailadres in te vullen. Het emailadres zal nooit openbaar worden gemaakt.
Na goedkeuring door WP-bieb zal je bericht op de website verschijnen.

*