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, 7 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;