WordPress.org

Make WordPress Core

Ticket #17564: 17564.responsive-gallery-shortcode-2.diff

File 17564.responsive-gallery-shortcode-2.diff, 1.1 KB (added by mfields, 3 years ago)

Allow gallery shortcode to respond up to 4 columns.

  • wp-content/themes/twentyeleven/style.css

     
    14951495    display: block; 
    14961496    margin: 0 auto 1.625em; 
    14971497} 
     1498.gallery-columns-4 .gallery-item { 
     1499        width:23% !important; 
     1500        padding-right:2% !important; 
     1501} 
     1502.gallery-columns-4 .gallery-item img { 
     1503        width:100% !important; 
     1504        height:auto !important; 
     1505} 
    14981506 
    14991507 
    15001508/* =Navigation 
     
    21852193                position: absolute; 
    21862194                top: 2.2em; 
    21872195        } 
     2196        .gallery-columns-3 .gallery-item { 
     2197                width:31% !important; 
     2198                padding-right:2% !important; 
     2199        } 
     2200        .gallery-columns-3 .gallery-item img { 
     2201                width:100% !important; 
     2202                height:auto !important; 
     2203        } 
    21882204} 
     2205@media (max-width: 450px) { 
     2206        .gallery-columns-2 .gallery-item { 
     2207                width:45% !important; 
     2208                padding-right:4% !important; 
     2209        } 
     2210        .gallery-columns-2 .gallery-item img { 
     2211                width:100% !important; 
     2212                height:auto !important; 
     2213        } 
     2214} 
    21892215@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { 
    21902216        body { 
    21912217                padding: 0 .5em;