/ / Como definir a posição dos elementos do isótopo para relativa - jquery, html, css, jquery-isotope

Como definir a posição dos elementos do isótopo para relativo - jquery, html, css, jquery-isotope

Estou usando o isótopo para carregar dinamicamente os dados conforme eles entram. Estou inicializando o isótopo no contêiner da seguinte maneira:

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,
});
});

Isso resulta na construção do seguinte html:

<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>

Eu gostaria que os elementos (artigos) tivessem umposição relativa em vez de absoluta. Existe uma maneira de fazer isso facilmente? O isótopo parece substituir todas as minhas tentativas de garantir que os artigos permaneçam relativos e não absolutos.

Obrigado por qualquer ajuda.

Respostas:

1 para resposta № 1

Tente adicionar !important. Essa é uma palavra-chave CSS para marcar uma propriedade como de alta importância, dificultando a substituição. position : relative;, escrever position : relative!important;