jquery - How to remove top / bottom margin from isotope masonry -

-

i using isotope masonry gallery finding hard remove top / bottom gaps between rows (see image)

the same gap below images including tall ones next row pushed down more

how can go this?

the code i'm using based on following: http://simbyone.com/animated-masonry-gallery-with-filters/

as mentioned, using code directly url above including javascript , css. html images created using php outputs follows:

    <div id="gallery-content">     <div id="gallery-content-center">                         <div class='wrapper suggestion film later' id='3'>                             <span class='relevance'>                                 <span class='badge'>87%</span>                              </span>                                 <img src='cabinet/item/img/3.jpg' class='all film later' alt='film 1'/>                             <span class='text'><i class='fa fa-check-circle-o btn-icon up'></i> <i class='fa fa-times-circle-o btn-icon down'></i> <i class='fa fa-heart-o btn-icon fav'></i><br>film 1 later</span>                         </div></div></div>

i using hover text on images:

        .wrapper img {         filter: grayscale(100%);         -webkit-filter: grayscale(100%);  /* webkit browsers */         filter: gray;  /* ie 6 - 9 */         -webkit-transition: .6s ease;  /* transition webkit browsers */     }      .wrapper img:hover {         filter: grayscale(0%);         -webkit-filter: grayscale(0%);         filter: none;     }      .wrapper .text {         position:relative;         bottom:65px;         left:10px;         width: 150px;         overflow: visible;         visibility:hidden;         color: #fff;         font-size: 20px;     }      .wrapper:hover .text {         visibility:visible;     }      .wrapper .relevance {         position:relative;         top:30px;         left:250px;         visibility:hidden;         color: #a9a9a9;         z-index: 99999;     }      .wrapper:hover .relevance {         visibility:visible;     }      .wrapper .relevance .badge {         font-size: 16px;         background-color: #333;     }

edit: seems if apply height .wrapper deals height of image vary can't seem wrap tightly image within it. suggestions how can height: auto leaves me have already

i have found work around though i'm not 100% if way go added margin-bottom: -25% images , appears have done trick. may not fit situations time tell

#gallery-content-center img {   width: 100%;   height: auto;   margin-bottom: -25%; }

Comments

Post a Comment

Popular posts from this blog

javascript - Chart.js (Radar Chart) different scaleLineColor for each scaleLine -

-
Image
i try , create radar chart using chart.js has various colours each scaleline, or coloured between scalelines. wondering if possible? from: to: i have working graph, though there doesn't seem method change individual scale lines. kind regards leigh you can extend radar chart type this, so chart.types.radar.extend({ name: "radaralt", initialize: function (data) { chart.types.radar.prototype.initialize.apply(this, arguments); var originalscaledraw = this.scale.draw; var ctx = this.chart.ctx; this.scale.draw = function () { var linewidth = this.linewidth; // bypasses line drawing in originalscaledraw this.linewidth = linewidth; originalscaledraw.apply(this, arguments); ctx.linewidth = this.linewidth; var scale = this; // draw chart.helpers.each(scale.ylabels, function (label, index) { // color of ...
Read more

apache - Error with PHP mail(): Multiple or malformed newlines found in additional_header -

-
suddenly have started receiving above error without changes having been made script. host 1and1 (i know...) the script still works fine on different server, , suspicion there must have been server config change has lead this, although hosts plead ignorance. there's no information on above error @ in google can find - have ideas? server running apache if helps. had similar problem. came out of blue. no php code changed. what changed: php upgraded 5.5.25-1 5.5.26. a security risk in php mail() function has been fixed , newlines in additional_headers allowed no more. because newlines mean: starts email message (and surely don't want inject newlines through headers followed evil message). what have worked fine, e.g. having newlines after headers or passing whole message additional_headers , function no more. solution : sanitize headers. no multiple newlines in additional_headers argument. these count "multiple or malformed newlines":...
Read more

android - Go back to previous fragment -

-
btw second fragment. appear once press button in first fragment. in fragment, if press button on phone, go previous fragment. need guys. in advance. public class listalldoctorfragment extends fragment { button close; @nullable @override public view oncreateview(layoutinflater inflater, viewgroup container, bundle savedinstancestate) { view view = inflater.inflate(r.layout.listalldoctor, container,false); close = (button) view.findviewbyid(r.id.button); close.setonclicklistener(new view.onclicklistener() { @override public void onclick(view view) { android.app.fragmentmanager fm = getfragmentmanager(); fragmenttransaction ft = fm.begintransaction(); shit f2 = new shit(); ft.add(r.id.content_frame, f2); ft.addtobackstack(null); ft.commit(); } }); return view; } } assuming want g...
Read more