summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/jetpack/modules/widgets/flickr')
-rw-r--r--plugins/jetpack/modules/widgets/flickr/form.php2
-rw-r--r--plugins/jetpack/modules/widgets/flickr/style.css22
-rw-r--r--plugins/jetpack/modules/widgets/flickr/widget.php34
3 files changed, 24 insertions, 34 deletions
diff --git a/plugins/jetpack/modules/widgets/flickr/form.php b/plugins/jetpack/modules/widgets/flickr/form.php
index 4ba4956b..b08e7c4d 100644
--- a/plugins/jetpack/modules/widgets/flickr/form.php
+++ b/plugins/jetpack/modules/widgets/flickr/form.php
@@ -23,7 +23,7 @@
</p>
<p>
<small>
- <?php esc_html_e( 'To find your Flickr RSS URL, go to your photostream, open the "More" menu and click on "Edit". Scroll down until you see the RSS icon or the "Latest" link. Right click on either and copy the URL. Paste into the box above.', 'jetpack' ); ?>
+ <?php esc_html_e( 'To find your Flickr RSS URL, go to your photostream, add "?details=1" to the URL, and hit enter. Scroll down until you see the RSS icon or the "Latest" link. Right-click on either options and copy the URL. Paste into the box above.', 'jetpack' ); ?>
</small>
</p>
<p>
diff --git a/plugins/jetpack/modules/widgets/flickr/style.css b/plugins/jetpack/modules/widgets/flickr/style.css
index 76c52d32..689e240a 100644
--- a/plugins/jetpack/modules/widgets/flickr/style.css
+++ b/plugins/jetpack/modules/widgets/flickr/style.css
@@ -1,12 +1,16 @@
-#flickr_badge_uber_wrapper,
-#flickr_badge_wrapper,
-.widget_flickr table td {
- background-color: transparent;
- border: 0;
- margin: 0;
- padding: 0;
+.flickr-images {
+ text-align: center;
}
-#flickr_badge_uber_wrapper {
- width: auto;
+.flickr-size-thumbnail .flickr-images {
+ align-content: space-between;
+ align-items: center;
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: center;
+}
+
+.flickr-images img {
+ max-width: 100%;
+ margin: 5px;
}
diff --git a/plugins/jetpack/modules/widgets/flickr/widget.php b/plugins/jetpack/modules/widgets/flickr/widget.php
index 15b9214a..0c45f3f0 100644
--- a/plugins/jetpack/modules/widgets/flickr/widget.php
+++ b/plugins/jetpack/modules/widgets/flickr/widget.php
@@ -1,27 +1,13 @@
<!-- Start of Flickr Widget -->
-<table
- border="0"
- cellpadding="0"
- cellspacing="0"
- class="flickr-size-<?php echo esc_attr( $instance['flickr_image_size'] ); ?>"
- id="flickr_badge_uber_wrapper"
->
- <tr>
- <td>
- <table border="0" cellpadding="0" cellspacing="10" id="flickr_badge_wrapper">
- <tr>
- <td align="center">
- <?php echo $photos; ?>
+<div class="flickr-wrapper flickr-size-<?php echo esc_attr( $instance['flickr_image_size'] ); ?>">
+ <div class="flickr-images">
+ <?php echo $photos; ?>
+ </div>
- <?php if ( isset( $flickr_home ) ) { ?>
- <a href="<?php echo esc_url( $flickr_home, array( 'http', 'https' ) ); ?>">
- <?php esc_html_e( 'More Photos', 'jetpack' ); ?>
- </a>
- <?php } ?>
- </td>
- </tr>
- </table>
- </td>
- </tr>
-</table>
+ <?php if ( isset( $flickr_home ) ) { ?>
+ <a class="flickr-more" href="<?php echo esc_url( $flickr_home, array( 'http', 'https' ) ); ?>">
+ <?php esc_html_e( 'More Photos', 'jetpack' ); ?>
+ </a>
+ <?php } ?>
+</div>
<!-- End of Flickr Widget -->