/ / Comment définir la position des éléments d'isotope sur relative - jquery, html, css, jquery-isotope

Comment définir la position des éléments d'isotope sur relative - jquery, html, css, jquery-isotope

J'utilise isotope pour charger dynamiquement les données à mesure qu'elles arrivent. J'initialise l'isotope sur le conteneur comme suit:

var $container = $("#content-main-list");
var imgLoad = imagesLoaded($container);

imgLoad.on("always", function() {
$container.isotope({
itemSelector : "article",
layoutMode: "straightDown",
position: "relative",
isFitWidth: false,
resizable : false,
});
});

Cela se traduit par la construction du code HTML suivant:

<div id="content-main-list" class="isotope" style="position: relative; overflow: hidden; height: 15670px;">
<div class="blog">
<article class="format-standard isotope-item" style="margin-right: 10px; display: block; position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">
. . .
</article>
</div>
<div class="blog">
. . .
<div>
<div class="blog">
. . .
<div>
</div>

Je voudrais que les éléments (articles) aient unposition relative au lieu d'un absolu. Y a-t-il un moyen de le faire facilement? Isotope semble écraser toutes mes tentatives pour que les articles restent relatifs sans être absolus.

Merci pour toute aide.

Réponses:

1 pour la réponse № 1

Essayez d'ajouter !important. C’est un mot-clé CSS pour marquer une propriété comme très importante, ce qui rend très difficile sa substitution. Au lieu de position : relative;, écrire position : relative!important;