Skip to content

Commit 5a7f9c4

Browse files
davidakennedydavidakennedy
committed
Bundled Themes: Make sure new gallery widgets look good in themes
Twenty Ten: Reduces image size and removes image borders for galleries in widget areas. Twenty Eleven: Reduces image size and removes image borders for galleries in widget areas. Twenty Twelve: Reduces image size for some gallery sizes in widget areas. Twenty Thirteen: Ensure proper clearing for images, hide captions for some gallery column combos and ensure good display for galleries in widget areas. Twenty Fourteen: Ensure proper clearing for images and hide captions for some gallery column combos for galleries in widget areas. Twenty Seventeen: Hide captions for some gallery column combos for galleries in widget areas. Props joyously, williampatton, davidakennedy, melchoyce, crunnells. Fixes #41969. git-svn-id: https://develop.svn.wordpress.org/trunk@42019 602fd350-edb4-49c9-b593-d223f7449a82
1 parent 273e0e8 commit 5a7f9c4

6 files changed

Lines changed: 104 additions & 5 deletions

File tree

‎src/wp-content/themes/twentyeleven/style.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1971,6 +1971,20 @@ section.ephemera .entry-title a span {
19711971
display: inline-block;
19721972
}
19731973

1974+
/* Helps galleries in widget areas look presentable in most cases. */
1975+
#page .widget-area .gallery-columns-2 img,
1976+
#page .widget-area .gallery-columns-3 img,
1977+
#page .widget-area .gallery-columns-4 img,
1978+
#page .widget-area .gallery-columns-5 img,
1979+
#page .widget-area .gallery-columns-6 img,
1980+
#page .widget-area .gallery-columns-7 img,
1981+
#page .widget-area .gallery-columns-8 img,
1982+
#page .widget-area .gallery-columns-9 img {
1983+
border: none;
1984+
max-width: 90%;
1985+
width: auto;
1986+
}
1987+
19741988
/* =Comments
19751989
----------------------------------------------- */
19761990

‎src/wp-content/themes/twentyfourteen/style.css‎

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1612,7 +1612,15 @@ a.post-thumbnail:hover {
16121612
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
16131613
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
16141614
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
1615-
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
1615+
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1),
1616+
.widget-area .gallery-columns-2 figure.gallery-item:nth-of-type(2n+1),
1617+
.widget-area .gallery-columns-3 figure.gallery-item:nth-of-type(3n+1),
1618+
.widget-area .gallery-columns-4 figure.gallery-item:nth-of-type(4n+1),
1619+
.widget-area .gallery-columns-5 figure.gallery-item:nth-of-type(5n+1),
1620+
.widget-area .gallery-columns-6 figure.gallery-item:nth-of-type(6n+1),
1621+
.widget-area .gallery-columns-7 figure.gallery-item:nth-of-type(7n+1),
1622+
.widget-area .gallery-columns-8 figure.gallery-item:nth-of-type(8n+1),
1623+
.widget-area .gallery-columns-9 figure.gallery-item:nth-of-type(9n+1) {
16161624
clear: left;
16171625
}
16181626

@@ -1651,7 +1659,15 @@ a.post-thumbnail:hover {
16511659

16521660
.gallery-columns-7 .gallery-caption,
16531661
.gallery-columns-8 .gallery-caption,
1654-
.gallery-columns-9 .gallery-caption {
1662+
.gallery-columns-9 .gallery-caption,
1663+
.widget-area .gallery-columns-2 .gallery-caption,
1664+
.widget-area .gallery-columns-3 .gallery-caption,
1665+
.widget-area .gallery-columns-4 .gallery-caption,
1666+
.widget-area .gallery-columns-5 .gallery-caption,
1667+
.widget-area .gallery-columns-6 .gallery-caption,
1668+
.widget-area .gallery-columns-7 .gallery-caption,
1669+
.widget-area .gallery-columns-8 .gallery-caption,
1670+
.widget-area .gallery-columns-9 .gallery-caption {
16551671
display: none;
16561672
}
16571673

‎src/wp-content/themes/twentyseventeen/style.css‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2582,7 +2582,7 @@ h2.widget-title {
25822582
padding-top: 1em;
25832583
}
25842584

2585-
/* widget markup */
2585+
/* Widget markup */
25862586

25872587
.widget .post-date,
25882588
.widget .rss-date {
@@ -2786,6 +2786,16 @@ h2.widget-title {
27862786
border: 0;
27872787
}
27882788

2789+
/* Gallery widget */
2790+
2791+
.gallery-columns-5 .gallery-caption,
2792+
.gallery-columns-6 .gallery-caption,
2793+
.gallery-columns-7 .gallery-caption,
2794+
.gallery-columns-8 .gallery-caption,
2795+
.gallery-columns-9 .gallery-caption {
2796+
display: none;
2797+
}
2798+
27892799
/*--------------------------------------------------------------
27902800
16.0 Media
27912801
--------------------------------------------------------------*/

‎src/wp-content/themes/twentyten/style.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1246,6 +1246,20 @@ h3#reply-title {
12461246
display: inline-block;
12471247
}
12481248

1249+
/* Helps galleries in widget areas look presentable in most cases. */
1250+
.widget-area .gallery-columns-2 img,
1251+
.widget-area .gallery-columns-3 img,
1252+
.widget-area .gallery-columns-4 img,
1253+
.widget-area .gallery-columns-5 img,
1254+
.widget-area .gallery-columns-6 img,
1255+
.widget-area .gallery-columns-7 img,
1256+
.widget-area .gallery-columns-8 img,
1257+
.widget-area .gallery-columns-9 img {
1258+
border: none;
1259+
max-width: 90%;
1260+
width: auto;
1261+
}
1262+
12491263
/* Main sidebars */
12501264
#main .widget-area ul {
12511265
margin-left: 0;

‎src/wp-content/themes/twentythirteen/style.css‎

Lines changed: 35 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1345,7 +1345,15 @@ footer.entry-meta {
13451345
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
13461346
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
13471347
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
1348-
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
1348+
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1),
1349+
.widget-area .gallery-columns-2 figure.gallery-item:nth-of-type(2n+1),
1350+
.widget-area .gallery-columns-3 figure.gallery-item:nth-of-type(3n+1),
1351+
.widget-area .gallery-columns-4 figure.gallery-item:nth-of-type(4n+1),
1352+
.widget-area .gallery-columns-5 figure.gallery-item:nth-of-type(5n+1),
1353+
.widget-area .gallery-columns-6 figure.gallery-item:nth-of-type(6n+1),
1354+
.widget-area .gallery-columns-7 figure.gallery-item:nth-of-type(7n+1),
1355+
.widget-area .gallery-columns-8 figure.gallery-item:nth-of-type(8n+1),
1356+
.widget-area .gallery-columns-9 figure.gallery-item:nth-of-type(9n+1) {
13491357
clear: left;
13501358
}
13511359

@@ -1385,7 +1393,15 @@ footer.entry-meta {
13851393

13861394
.gallery-columns-7 .gallery-caption,
13871395
.gallery-columns-8 .gallery-caption,
1388-
.gallery-columns-9 .gallery-caption {
1396+
.gallery-columns-9 .gallery-caption,
1397+
.widget-area .gallery-columns-2 .gallery-caption,
1398+
.widget-area .gallery-columns-3 .gallery-caption,
1399+
.widget-area .gallery-columns-4 .gallery-caption,
1400+
.widget-area .gallery-columns-5 .gallery-caption,
1401+
.widget-area .gallery-columns-6 .gallery-caption,
1402+
.widget-area .gallery-columns-7 .gallery-caption,
1403+
.widget-area .gallery-columns-8 .gallery-caption,
1404+
.widget-area .gallery-columns-9 .gallery-caption {
13891405
display: none;
13901406
}
13911407

@@ -2595,6 +2611,23 @@ footer.entry-meta {
25952611
padding: 0;
25962612
}
25972613

2614+
/* Gallery Widget */
2615+
.widget .gallery-columns-1 .gallery-item {
2616+
max-width: 100%;
2617+
}
2618+
2619+
.widget .gallery-columns-2 .gallery-item {
2620+
max-width: 49%;
2621+
max-width: -webkit-calc(50% - 4px);
2622+
max-width: calc(50% - 4px);
2623+
}
2624+
2625+
.widget .gallery-columns-3 .gallery-item {
2626+
max-width: 22%;
2627+
max-width: -webkit-calc(33% - 4px);
2628+
max-width: calc(33% - 4px);
2629+
}
2630+
25982631
/**
25992632
* 7.0 Footer
26002633
* ----------------------------------------------------------------------------

‎src/wp-content/themes/twentytwelve/style.css‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1465,6 +1465,18 @@ a.comment-edit-link:hover {
14651465
margin: 0;
14661466
}
14671467

1468+
.widget-area .gallery-columns-2.gallery-size-full .gallery-icon img,
1469+
.widget-area .gallery-columns-3.gallery-size-full .gallery-icon img,
1470+
.widget-area .gallery-columns-4.gallery-size-full .gallery-icon img,
1471+
.widget-area .gallery-columns-5.gallery-size-full .gallery-icon img,
1472+
.widget-area .gallery-columns-6 .gallery-icon img,
1473+
.widget-area .gallery-columns-7 .gallery-icon img,
1474+
.widget-area .gallery-columns-8 .gallery-icon img,
1475+
.widget-area .gallery-columns-9 .gallery-icon img {
1476+
height: auto;
1477+
max-width: 80%;
1478+
}
1479+
14681480
/* =Plugins
14691481
----------------------------------------------- */
14701482

0 commit comments

Comments
 (0)