WordPress.org

Forums

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

  1. Mickey Kay
    Member
    Posted 1 year 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 1 year ago #

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

  3. Lars Schenk
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Flickr Gallery
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic