WordPress.org

Ready to get started?Download WordPress

Forums

Flickr Gallery
Fix: CSS to make this plugin responsive / mobile-friendly (3 posts)

  1. Mickey Kay
    Member
    Posted 12 months ago #

    Hi there,

    Just wanted to share the CSS I used to responsivize this plugin. It's been tested in Chrome, iPad, iPhone, Kindle Fire, and HTC EVO. Enjoy!

    #flightbox, #flightbox * {
    	-webkit-box-sizing: border-box;
    	   -moz-box-sizing: border-box;
    	        box-sizing: border-box;
    }
    
    #flightbox {
    	max-width: 95%;
    	width: 95%;
    	height: auto !important;
    	margin-left: 15px !important;
    
    }
    
    #flightbox img, #flightbox-meta {
    	max-width: 100%;
    }
    
    #flightbox-meta { /* Make sure this is above the next/prev links */
    	position: relative;
    	z-index: 20001;
    	padding: 5px 0 !important;
    }

    http://wordpress.org/plugins/flickr-gallery/

  2. Mickey Kay
    Member
    Posted 12 months ago #

    PS - just to clarify, this responsivizes the lightbox functionality when clicking on a thumbnail.

  3. Lars Schenk
    Member
    Posted 4 months ago #

    I suggest to also check out this plugin: Responsive Flickr Gallery. Contributors welcome on github.

Reply

You must log in to post.

About this Plugin

About this Topic