Modify inline styles added by jquery isotope

Question

I am modifying a theme to work with RTL. On a gallery page there are certain inline styles added to elements probably by isotope because you can filter the pictures by their type.

html source

<div class="met_recent_work col-sm-4 branding">

resulting html in browser

<div class="met_recent_work col-sm-4 webdesign isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">

How can I modify those properties?

Answer 1

为此使用jquery

$('.met_recent_work').css('position', 'relative');

Answer 2

You can change it with Jquery, when DOM loaded completely:

$(function(){
  $('.met_recent_work').css('position', 'relative');
});

Answer 3

！important将覆盖内联样式。

.met_recent_work { position: relative !important; }