Originally reported by @gpmw in 4805-wpcom-themes:

Steps to replicate

1. Go here on a mobile device: ​https://tmachurch.org

2. Turn the device to view the site in landscape mode. The featured image is small and off to the left. It is supposed to be full width.

3. Refresh in landscape mode and the Featured image now shows full width.

Testing

User was asked to deactivate a few of their plugins and the results were the same. The issue is now present on the demos site on mobile: ​https://darademo.wordpress.com/

The user has added a JavaScript workaround; they've disabled this script on a test page so the issue is still visible (linked below).

@sixhours had this feedback on the original ticket:

It looks like Photon is only requesting the smaller image size when the page first loads. The image URL:

​https://i2.wp.com/tmachurch.org/wp-content/uploads/2017/08/welcome6-001.jpg?zoom=3&resize=397%2C146&ssl=1

Note the dimensions in the URL, which doesn't change until the page is refreshed:&resize=397%2C146 means 397x146 is the size requested for smaller screens initially.

• User report: 607654-hc
• Follow-up ticket: 658039-zd
• User followed up here: https://en.forums.wordpress.com/topic/dara-theme-featured-image-not-responsive?replies=1
• User's site: ​https://tmachurch.org/test/

When a custom font is selected for the body copy on a site using the Gateway theme, and the user selects either the "small" or "tiny" font size, the layout of the posts page (blog page) appears broken, with post title breaking awkwardly, and the excerpt no longer floating to the right.

Screencast video at this link: https://cloudup.com/cSQi9WxXwsN

Steps to replicate

• Activate Gateway on test site (or visit demo site if you have admin access)
• Visit the customizer and click on blog page (in the site preview) so you can see the issue
• Click on the fonts tab, and choose a custom body font, and the "small" or "tiny" as the font size
• View funky page layout breakage! :)

Expected

Same layout, with a smaller font size. Larger font sizes work as expected.

• User report: #1973260-hc
• Follow-up ticket: #997690-zen
• https://luciaduval.com/blog/

A user has gotten in touch unable to make changes to their Header Text Color permanently save through the Customizer.

Steps to replicate

1. Go to site's Admin Dashboard > Appearance > Customizer > Colors. The default color for Header Text Color is #ffffff

2. Edit color to ##3f3f3f. The change registers in live preview mode + Inspect Element area as element style {color: rgb(63, 63, 63); }

3. Publish the change. It is still registering in the live preview mode.

4. Refresh the Customizer page. The header color is still set to ##3f3f3f, however, the live preview has reverted to #ffffff and the Inspect Element area is now showing .site-title a { color: #3f3f3f; } as crossed out.

Result

The change to the header text color did not save. But it did register when inspecting the element.

Expected

The change to the header text color to save.

For the meantime, I've sent the following to allow the user to change the color manually:

#masthead .site-title a {
    color: #fff;
}

• User report: concierge call / #1046397-zd
• User's site: http://mediacanary.com/ (self-hosted site behind coming soon page)

This issue was originally reported by @rossanafmenezes in 4994-wpcom-themes:

The user was trying to display more items on his page ​https://multihatclub.com/shop/ Which is only displaying 6 out of 7 at the moment.

Switching the theme to Argent fixed the issue.

@danieldudzic investigated and found the following:

This issue occurs in multiple themes and is not exclusive to Shoreditch.

I believe it happens when a theme:

• Includes the duplicate products fix: shoreditch_woocommerce_jetpack_duplicate_products function (​Automattic/jetpack#1135)
• Overrides number of products per page in Jetpack infinite scroll: shoreditch_woocommerce_jetpack_products_per_page
• Overrides the number of products per page: shoreditch_woocommerce_products_per_page

Shoreditch sets the number of products per page to 6.

But you can test this with Karuna for example. Karuna overrides the number of products per page to 12.

Make sure you have:

• 13 products
• Set Reading Settings > Blog pages show at most to 13
• Infinite scroll enabled

You should be able to replicate, Karuna only loading 12 products, and failing to load the 13th one.

I've tried a number of things, but wasn't able to find a solution.

I suspect that the issue might have to do with the code in karuna_woocommerce_jetpack_duplicate_products but definitely need a second pair of eyes on this.

• User report: 1731173-hc
• Follow-up ticket: 943682-zd
• User's site: https://multihatclub.com/shop/
• Related Slack chat: p1517915463000285-slack-livechat

Steps to replicate

I am not sure if this should be submitted as a bug or as an enhancement request. When looking at the featured content for the Canard theme, I can only see a Category displayed beside the title. The author info (and tags and date) aren't displayed - http://cld.wthms.co/TN2MEy

Expected

If this is an expected behavior and the aforementioned are only supposed to be displayed on single posts, then this can be an enhancement request! If not, this is a bug. Tagging with needs testing so that we can determine that. Thanks!

• User report: Came up during 1:1 session
• Follow-up ticket: 988233-zen
• User's site: https://yankeebrigade.com but I also replicated on my non-AT site https://customerhappiness.rs/

This was originally reported by @ehti in 4948-wpcom-themes:

If you view a product category page (need Woo for this) and have infinite scroll turned on, the products are duplicated/shown again when the page changes from 1 to 2, and so on.

Steps to replicate

To replicate, you need to install Woo, add some products to a category, turn on infinite scroll and then open + scroll down on that category page.

In the original ticket, @sixhours commented:

I suspect this has to do with having two separate posts_per_page counts for Infinite Scroll and WooCommerce products.

• User report: 868657-zd

Steps to replicate

The Full-Width Footer widget does not render full-width unless the Page designated as the homepage is set to the "Full-Width" Page Template.

User's site was set to "Default Template"

Result

The Full-Width Footer widget seemed to take on a narrower width and align to the left when the homepage Page template was set to "Default".

Expected

The Full-Width Footer widget should be rendered full-width regardless of the applicable Page Template for the homepage Page. Either that or this requirement should be documented in the theme guide and widget configuration settings.

• User report: 2034075-hc
• User's site: akayindustries.nl

Gallery styles in the post content are overwritten when multiple images are added in place of a single featured image.

Steps to replicate

1. Go to My Sites > Customise > Content Options
2. Scroll down to “Featured Images”
3. Make sure the option to “Automatically use first image in post” is checked
4. Go to Blog Posts > Add
5. Add a title but no featured image
6. Click “Add” and choose several images
7. Select “Slideshow” and click “Insert”
8. Publish the post

View the post and a set of featured images should be displayed in place of a featured image. Click “Edit” and then add a second gallery underneath the first:

1. Click “Add and choose several images”
2. Select “Tiled Mosaic” (or gallery type other than Slideshow) and click “Insert”
3. Click “Update”

Expected

A set of images to be displayed in place of a single featured image, with a tiled mosaic gallery underneath.

Result

The tiled mosaic gallery is output in the same format as the set of photos above. This also happens with other gallery display options, such as “Square tiles”.

In the editor (two separate display styles):

On the post (same display style):

This behaviour doesn't appear to be browser specific.

• User report: #893244-f
• User's site: https://shutterclutter.wordpress.com
• Post: TEST: Header Slideshow with additional Gallery (draft)
• Replicated on my test site

This issue was originally reported by @dcoleonline in 4698-wpcom-themes:

Steps to replicate

1. Set up a front page panel that uses two columns. Add this text to the editor of the panel page:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a interdum nisl, non hendrerit elit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec vestibulum, lacus et cursus vestibulum, neque nisl fermentum purus, ut interdum ligula felis blandit dui. Duis placerat fermentum tristique. Nullam rhoncus libero id sollicitudin sollicitudin. In congue placerat auctor. Etiam porttitor justo libero, in porta turpis porta eu. Duis mattis ullamcorper tellus ullamcorper vulputate. Vivamus eget velit pretium, ultricies mi a, efficitur ex. Maecenas id viverra neque. Ut ut auctor urna. Cras aliquam commodo quam. Sed sollicitudin tempor semper. Aliquam faucibus malesuada mi vel varius.

Vestibulum a nulla sed ante vestibulum tincidunt in a turpis. Praesent pulvinar elit justo, ut dignissim nulla tincidunt sit amet. Quisque ac volutpat dolor. Sed a massa purus. Ut at massa felis. Nulla dapibus fringilla lorem eget rutrum. Nullam at ligula pretium, blandit velit a, euismod metus. Nunc imperdiet nibh risus, viverra malesuada quam ultricies sit amet. Duis dictum elit sit amet sodales porttitor.

https://www.youtube.com/watch?v=oFgIBZO_T9k

2. Notice that there is a gap beneath the content that should not appear. I tested this with a Vimeo embed as well, and it looks like the div.jetpack-video-wrapper element is being positioned somewhere other than where the video is displayed. Here is a screenshot to illustrate this:

This is only happening in Safari and can't be reproduced in Chrome or Firefox. It still happens in v11.0.2, and "fixes" itself when you resize the browser window. It doesn't happen on every page load.

• User report: https://en.forums.wordpress.com/topic/lodestar-display-on-home-page-with-safari

Originally reported by @senff in 4348-wpcom-themes:

The Featured Image on the home page is being cropped inconsistently. On page load it is cropped, but when switching to iPad view, and then back to normal view, it is not cropped anymore. Even after a refresh, it stays uncropped.

Steps to replicate

1. Go here: ​https://jswbaileylaw.com/

2. The Featured Image is a bit cropped (you can not see the boats at the bottom of the image, first screenshot). Refreshing the page will not change this.

3. Open the inspector into iPad view. The boats are now visible at the bottom (second screenshot)

4. Close inspector panel. The window is back to the original size, but now the boats are visible. Refreshing the page will "reset" that (third screenshot)

5. Open the site again in a new tab. Now the boats are gone again even though the window is the exact same size as the other tab.

Testing

I tried to replicate this on a test site, but I can not seem to reproduce it. So I'm not sure if it's a bug or just a quirky edge case. Also, it only appears on Chrome/Windows, no issues on Mac.

• User report: 3037275-t
• User's site: https://jswbaileylaw.com/

Steps to replicate

1. Setup a Static Front Page
2. Go to My Sites > Theme > Customize > Widgets > Full-Width Footer
3. Add a Gallery Widget
4. Select the layout as "Slideshow" and the size "Full size"
   5.Publish

Result

The gallery will show up at 30% of the expected size.

Screenshot: https://cldup.com/MxU0owmtfM.png

Expected

The gallery should fill all the space in the widget area:

Screenshot: https://cldup.com/PgNVwmhd-9.png

What I Found

Checking the CSS, I noticed that this is might be caused by the fact that the class being used in the CSS of the Gallery Widget .widget-gallery is different than the one referenced in the HTML widget_media_gallery.

I added the CSS below to the user's site as a workaround:

.widget_media_gallery {
	flex-basis: 100% !important;
}

• User report: #1003740-zen
• User's site: fincapiedra.org (already adjusted by the CSS above)

This ticket was originally filed by @KokkieH in 4630-wpcom-themes:

In the featured content section, featured image thumbnails are off-centre, which is inconsistent with featured image thumbnails of posts in the main feed, and the single-post view. It's more noticeable with bigger featured images, it seems.

• User report: 864890-f
• User's site: https://livetsljussite.wordpress.com/

This was originally reported by @liviopv in 4875-wpcom-themes:

Currently, Rebalance displays the WordPress.com attribution on the left of the Footer widget area.

While this looks great when the user has only a handful of widgets (like the theme demo), it creates some unsettling white space on the left when the site has multiple or big widgets, especially when using the WordPress.com logo option for the attribution.

By pushing the attribution to the bottom of the footer and displaying the widgets across a 3-column grid, we would also be aligning the theme with the behavior found on other theme's footers.

Originally reported by @jenlynnemc in #4794-wpcom-themes:

Steps to replicate

Set a site to use the theme Pique, and change the language to French.

Result

The footer credit now includes theme information.

Expected

The footer credit would not include theme information, like it does when the site is set to English.

Note: The credit is currently being hidden with Custom CSS as a work-around.

• User report: #597631-hc
• User's site: https://the-adintime-agency.com

Originally reported by @brandonpayton in 4807-wpcom-themes:

Steps to replicate

1. Start with a site using the Shoreditch theme and a Business plan
2. Switch the site's language to German
3. Go to the Customizer and hide the footer credits

Result

The footer credit would disappear.

Expected

The footer credit still reads "von Automattic".

• User's site: ​https://gamefact.eu/

In some WooCommerce compatible themes the My Account > Orders table extends beyond the content container.

List of themes needing the fix:

• Button 2
• Karuna
• Dara

This issue was originally reported by @notnownikki in 4390-wpcom-themes:

Some category pages don't load all of the posts when you're using the Toujours theme and infinite scroll.

Steps to replicate

(Kudos to @kristarella for the detailed steps)

If infinite scroll is checked:

1. if social menu is enabled, More Posts button shows, but doesn't work
2. if social menu is NOT enabled, all posts show (presumably up to 7 posts per infinite scroll), if fewer than 7 posts exist all show
3. if widgets in footer, all posts (fewer than 7) still show

If infinite scroll is NOT checked:

1. if social menu enabled, More Posts shows, but doesn't work
2. if social menu NOT enabled, but footer widgets present, More Posts shows and doesn't work
3. if social menu NOT enabled, and no footer widgets, More Posts shows and doesn't work

So it seems like in this scenario, the only circumstances where the More Posts button appears and works is when the posts don't have the featured tag, or the option to show the featured tag in all listings is on.

In the initial report, ​https://yandsfood.com/category/luxury/ is the affected page. Clicking on Older Posts doesn't return any more posts, even though there are three posts total - one more should have appeared.

The bug was reproduced by replicating the request, using curl.

Here's a curl command that uses the same form data as the theme sends, and returns no posts:

curl -X POST -H "Content-Type application/x-www-form-urlencoded" -d 'action=infinite_scroll&page=1&currentday=01.02.17&order=DESC&styles%5B%5D=wpcom-smileys&styles%5B%5D=follow_css&styles%5B%5D=hover-bubbles&styles%5B%5D=dashicons&styles%5B%5D=thickbox&styles%5B%5D=jetpack_likes&styles%5B%5D=wordads-global&styles%5B%5D=theme-menu&styles%5B%5D=the-neverending-homepage&styles%5B%5D=wpcom-admin-bar&styles%5B%5D=noticons&styles%5B%5D=wpcom-core-compat-playlist-styles&styles%5B%5D=mp6hacks&styles%5B%5D=wpcom-bbpress2-staff-css&styles%5B%5D=toujours-style&styles%5B%5D=genericons&styles%5B%5D=toujours-wpcom&styles%5B%5D=jetpack-social-menu&styles%5B%5D=wpcom_instagram_widget&styles%5B%5D=notes-admin-bar-rest&styles%5B%5D=geo-location-flair&styles%5B%5D=reblogging&styles%5B%5D=tos-report-form&styles%5B%5D=super-admin-bar&styles%5B%5D=a8c-global-print&styles%5B%5D=wpcom-masterbar-css&styles%5B%5D=wpcom-actionbar-bar&styles%5B%5D=h4-global&styles%5B%5D=widget-achievements&styles%5B%5D=jetpack-responsive-videos-style&styles%5B%5D=jetpack-carousel&styles%5B%5D=tiled-gallery&styles%5B%5D=jetpack-carousel-ie8fix&query_args%5Bcategory_name%5D=luxury&query_args%5Berror%5D=&query_args%5Bm%5D=&query_args%5Bp%5D=0&query_args%5Bpost_parent%5D=&query_args%5Bsubpost%5D=&query_args%5Bsubpost_id%5D=&query_args%5Battachment%5D=&query_args%5Battachment_id%5D=0&query_args%5Bname%5D=&query_args%5Bstatic%5D=&query_args%5Bpagename%5D=&query_args%5Bpage_id%5D=0&query_args%5Bsecond%5D=&query_args%5Bminute%5D=&query_args%5Bhour%5D=&query_args%5Bday%5D=0&query_args%5Bmonthnum%5D=0&query_args%5Byear%5D=0&query_args%5Bw%5D=0&query_args%5Btag%5D=&query_args%5Bcat%5D=106159&query_args%5Btag_id%5D=&query_args%5Bauthor%5D=&query_args%5Bauthor_name%5D=&query_args%5Bfeed%5D=&query_args%5Btb%5D=&query_args%5Bpaged%5D=0&query_args%5Bmeta_key%5D=&query_args%5Bmeta_value%5D=&query_args%5Bpreview%5D=&query_args%5Bs%5D=&query_args%5Bsentence%5D=&query_args%5Btitle%5D=&query_args%5Bfields%5D=&query_args%5Bmenu_order%5D=&query_args%5Bembed%5D=&query_args%5Bposts_per_page%5D=2&query_args%5Bignore_sticky_posts%5D=false&query_args%5Bsuppress_filters%5D=false&query_args%5Bcache_results%5D=false&query_args%5Bupdate_post_term_cache%5D=true&query_args%5Blazy_load_term_meta%5D=true&query_args%5Bupdate_post_meta_cache%5D=true&query_args%5Bpost_type%5D=&query_args%5Bnopaging%5D=false&query_args%5Bcomments_per_page%5D=50&query_args%5Bno_found_rows%5D=false&query_args%5Border%5D=DESC&last_post_date=2017-02-01+16%3A31%3A36' https://yandsfood.com/?infinity=scrolling

Further investigation revealed that any attempt to filter using the 'luxury' category (either by name or by ID) brings back nothing.

curl -X POST -H "Content-Type application/x-www-form-urlencoded" -d 'action=infinite_scroll&page=1&currentday=01.02.17&order=DESC&styles%5B%5D=wpcom-smileys&styles%5B%5D=follow_css&styles%5B%5D=hover-bubbles&styles%5B%5D=dashicons&styles%5B%5D=thickbox&styles%5B%5D=jetpack_likes&styles%5B%5D=wordads-global&styles%5B%5D=theme-menu&styles%5B%5D=the-neverending-homepage&styles%5B%5D=wpcom-admin-bar&styles%5B%5D=noticons&styles%5B%5D=wpcom-core-compat-playlist-styles&styles%5B%5D=mp6hacks&styles%5B%5D=wpcom-bbpress2-staff-css&styles%5B%5D=toujours-style&styles%5B%5D=genericons&styles%5B%5D=toujours-wpcom&styles%5B%5D=jetpack-social-menu&styles%5B%5D=wpcom_instagram_widget&styles%5B%5D=notes-admin-bar-rest&styles%5B%5D=geo-location-flair&styles%5B%5D=reblogging&styles%5B%5D=tos-report-form&styles%5B%5D=super-admin-bar&styles%5B%5D=a8c-global-print&styles%5B%5D=wpcom-masterbar-css&styles%5B%5D=wpcom-actionbar-bar&styles%5B%5D=h4-global&styles%5B%5D=widget-achievements&styles%5B%5D=jetpack-responsive-videos-style&styles%5B%5D=jetpack-carousel&styles%5B%5D=tiled-gallery&styles%5B%5D=jetpack-carousel-ie8fix' https://yandsfood.com/?infinity=scrolling

... bring back posts, but ...

curl -X POST -H "Content-Type application/x-www-form-urlencoded" -d 'action=infinite_scroll&page=1&currentday=01.02.17&order=DESC&styles%5B%5D=wpcom-smileys&styles%5B%5D=follow_css&styles%5B%5D=hover-bubbles&styles%5B%5D=dashicons&styles%5B%5D=thickbox&styles%5B%5D=jetpack_likes&styles%5B%5D=wordads-global&styles%5B%5D=theme-menu&styles%5B%5D=the-neverending-homepage&styles%5B%5D=wpcom-admin-bar&styles%5B%5D=noticons&styles%5B%5D=wpcom-core-compat-playlist-styles&styles%5B%5D=mp6hacks&styles%5B%5D=wpcom-bbpress2-staff-css&styles%5B%5D=toujours-style&styles%5B%5D=genericons&styles%5B%5D=toujours-wpcom&styles%5B%5D=jetpack-social-menu&styles%5B%5D=wpcom_instagram_widget&styles%5B%5D=notes-admin-bar-rest&styles%5B%5D=geo-location-flair&styles%5B%5D=reblogging&styles%5B%5D=tos-report-form&styles%5B%5D=super-admin-bar&styles%5B%5D=a8c-global-print&styles%5B%5D=wpcom-masterbar-css&styles%5B%5D=wpcom-actionbar-bar&styles%5B%5D=h4-global&styles%5B%5D=widget-achievements&styles%5B%5D=jetpack-responsive-videos-style&styles%5B%5D=jetpack-carousel&styles%5B%5D=tiled-gallery&styles%5B%5D=jetpack-carousel-ie8fix&query_args%5Bcategory_name%5D=luxury' https://yandsfood.com/?infinity=scrolling

... does not.

@sixhours commented:

The user has a Featured Content tag, top, which is set in Customize -> Featured Content.

"Display tag content in all listings." in this section is unchecked, so it's likely one of the posts in the Luxury category also has the "top" tag set. This appears to be true, the Plane post has the "top" tag: ​https://yandsfood.wordpress.com/wp-admin/edit.php?category_name=luxury

So checking "Display tag content in all listings." will fix the issue for this user, but it doesn't explain why the wrong post is missing from the listings; it should be the Plane post missing, but it's the Hotel post (the last post in the category) instead. This is likely a Jetpack Featured Content / Infinite Scroll bug, not specific to the theme.

And in another comment:

I recall hearing about an issue with Jetpack Social Menu from a premium theme shop when I was working on their review...

Normally we'd check to see if a social menu was active before turning infinite scroll off, but the Jetpack social menu is implemented after the infinite scroll scripts have already run. I wonder if this is messing up the infinite scroll implementation in all these themes.

We also had a report of a similar issue in another theme: 1827-wpcom-premium-themes, and it is reproduceable in Shoreditch, Dyad and Sketch.

• User report: 3077965-t
• User's site: https://yandsfood.com/category/luxury/

Steps to replicate

1. Activate Nucleare on a WordPress.com site that has at least one published post.
2. Navigate to My Site > Sharing > Sharing Buttons.
3. Enable the like button on all posts on your site.
4. Navigate to My Site > Settings.
5. Switch the site's language to Polski (PL) via the Language dropdown menu.
6. View one of the site's posts.

Result

The like button does not load. Instead you see the following text in its place: Wczytywanie.... This is Polish for "Loading...".

You can switch to another language to see the button load correctly.

The browser console also includes the following error:

Uncaught Error: No locale meta information provided. at Jed.dcnpgettext (s0.wp.com/:689) at Chain.fetch (s0.wp.com/:581) at Object.updatePostFeedback (s0.wp.com/:2722) at displayPostLikeWidget (s0.wp.com/:3029) at Object.wpLikes.displayWidget [as success] (s0.wp.com/:3014) at Object.ajax (s0.wp.com/:2205) at Object.success (s0.wp.com/:2946) at s0.wp.com/:2219 at Deferred.execute (s0.wp.com/:1511) at Deferred.resolve (s0.wp.com/:1514)

Expected

I expected the button to load correctly.

• User report: 268625-h
• User's site: https://lifewife.blog/2018/03/18/mozna-😊/
• You can see the button load correctly if you switch the site's language to English: https://lifewife.blog/2018/03/18/mozna-%F0%9F%98%8A/?sa-locale=en

Moving from 5020-wpcom-themes /cc @Piyopiyo-Kitsune

When you have a sublinks for this theme, they cannot be clicked while on a tablet because clicking the parent link to unveil the sublinks takes you to that parent link's page.

Workarounds: Make the parent link a custom link with # for the URL.

Ideally, you can tap once on the parent link to display the sublinks and then navigate to those.

The bug was reported by a user whose site is: faribaalai.blog

I was able to replicate this on my test site: wp20170811.com

Steps for reproduction:

1. Activate the Pique theme
2. Set a parent link with a real URL in the customizer
3. Add sublinks to that parent link in the customizer
4. Try to access a sublink while on a tablet.

This issue was originally reported by @chad1008 in 4354-wpcom-themes:

Background:

On Gazette's home page, posts are displayed with the_content() if there is a More Tag in use, and then the_excerpt() if there is no More Tag:

From content.php:

<div class="entry-summary">
	    <?php
	        if ( strpos( $post->post_content, '<!--more' ) ) {
	            the_content( sprintf(
	                /* translators: %s: Name of current post. */
	                wp_kses( __( 'Continue reading %s', 'gazette' ), array( 'span' => array( 'class' => array() ) ) ),
	                the_title( '<span class="screen-reader-text">"', '"</span>', false )
	            ) );
	        } else {
	            the_excerpt();
	        }
	    ?>
	</div><!-- .entry-summary -->

In addition, images in post summaries (for the times when the_content() is used) are hidden by the theme's CSS:

.entry-summary img {
    display: none;
}

So, theoretically, if the_content() is used, images are CSS'd away. If the_excerpt() is used, they wouldn't be displayed anyway. There shouldn't be any images on the homepage.

The problem:

The above rules do not account for images with captions, which get wrapped in <figure> elements. Those images appear on the front page just fine.

This can be confusing for a user who uses a lot of captions, then suddenly notices a missing image when they don't caption (example forum posting).

The other issue - if an image has a caption, it will be displayed when a More tag is used. On Image and Gallery post formats, that doesn't looks so great, due to the background images that are used (I suspect this is partially why images were being hidden in the first place?)

Example of a Gallery post, with a captioned image and a More Tag on the home page:

Steps to reproduce:

1. Create a post with a More Tag, and an image (place the image before the More Tag.
2. View your Posts Page - no image, and you can see it hidden if you inspect the CSS
3. Add a caption to your image, update and view the Posts Page again
4. Now the image should be visible
5. Set the post status to Gallery
6. Give the post a Featured Image, update and view the Post Page again
7. The captioned image appears over the Featured Image background

On the original ticket, @thomasguillot commented:

It's a tricky one now... Because I'd be inclined to add .entry-summary figure { display: none; } to the css. But if I do that it'd affect the users already using a caption in their content...

I'm not sure what we can do here apart from making the caption more readable on Gallery post format

• User report: http://en.forums.wordpress.com/topic/lead-photofeature-photo-appear-in-post-but-not-on-home-page
• User's site: https://outwardhounds.wordpress.com/

The user likes how the "anchor menu" in Theme Options takes visitors to panels on the main page, however he doesn't like that this excludes a traditional "Home" button to take you to the very top of the site (not just a Home panel near the top of the site).

We worked on a workaround in Slack that amounts to re-creating the menu using custom links to each of the panel items and a custom link for the Home button. The user wasn't satisfied with this workaround and wanted to request that the feature be available to have a traditional Home menu button in conjunction with the anchor menu setting.

Thanks for hearing the suggestion, Theam!

Slack discussion with KP: p1520893893000437-slack

• User report: 1761720-hc
• Follow-up ticket: 1013510-zd
• User's site: https://albionrock.com and gbdgolf.wordpress.com

Steps to replicate:

1. In the Customizer's Theme Options panel, select a featured page.
2. Add a "Featured Content Title."
3. Leave "Featured Content Description blank and save changes.
4. In Chrome, view homepage on the front end.
5. Make browser window about 840px wide

Result: Featured page box overlaps menu and overflows its container at the bottom.

Expected: Featured page box should not overlap menu or overflow container.

• User report: 891366-f
• User's site: https://educationaround.wordpress.com/
• Original ticket: 4975-wpcom-themes

Originally reported by @donalirl in 4825-wpcom-themes:

Steps to replicate

1. Test on a site using Libre 2 and a Business account.
2. Change the language to German.
3. Go to the Customizer and try to hide the footer credit.

Result

The footer credit still displays.

Expected

The footer credit should be hidden like it is when the site's in English.

The footer credit is currently being hidden using Custom CSS.

• User report: 691336-zd
• User's site: https://pharmakotherapie.blog

Steps to replicate

Some P2s are configured with a fixed font, such as 14px. I noticed this on some internal Automattic P2s. For example:

Result

This setting ignores a user's browser font preferences, and delivers what could be a small font for users who prefer larger text.

Expected

Changing the default font-size setting to something like em or rem should improve accessibility for users who prefer larger font sizing.

This was originally reported by @SiobhyB in 4867-wpcom-themes:

If you activate Pique on any WordPress.com site then add a site title and tagline, you'll notice that the tagline is hidden when viewing the site on mobile.

This is due to the following in the theme's style.css:

@media (max-width: 767px) {
    .site-logo-link + .site-title, .site-description {
        display: none;
    }
}

The site owner loves the theme but the tagline is very important to them and they don't want it to be hidden on mobile. They want the option to display the tagline on mobile without having to upgrade or switch themes.

• User report: 880427-f

Steps to reproduce:

1. Go to https://wordpress.com/ > My Sites > Pages.
2. Add a page with a form containing each field type and publish it.
3. View the page on the front end.

Result: forms come out looking pretty crappy/poorly designed/laid out, especially where radio buttons are involved.

^{Seen at https://design5279.wordpress.com/contact-form-test/ (Dara theme) using Firefox 58.0.2 on macOS 10.13.3}

/hat tip 🤠 @beaulebens for reporting this issue at p4k3M4-2uX-p2. #dogfooding #painpoint

Currently, users can't randomize their testimonials on the front page. We're using the menu order as a way to make them appear, but there's no way to make them shuffle on each new visit to the website.

Sela already has a Customize > Testimonials area, so we could also add a Randomize posts in the front page option in there.

Marking this as an enhancement for the future.

• User report: #2110049-hc
• Follow-up ticket:
• User's site: https://mykindnutrition.com

Originally reported by @julsyd in 4844-wpcom-themes.

Steps to replicate

1. Publish a page using the Panel Page Template.

2. Publish a child page of that page with the [presentation] shortcode.

Result

The slideshow generated by the [presentation] shortcode is correctly displayed on the child page.

The slideshow is not displayed correctly in the panel on the parent page using the Panel Page Template. An "This slideshow could not be started. Try refreshing the page or viewing it in another browser." error is shown instead.

Expected

The slideshow generated by the [presentation] shortcode to appear in the panel on the parent page using the Panel Page Template.

This was reproduced on a test site.

• User report: 716679-zd
• User's site: https://villagrecamore.wordpress.com/test-top-page/

This was originally reported by @chad1008 in 4642-wpcom-themes:

Shoreditch loads the logo image at the exact size it gets displayed (max width of 240px) which leads to a blurring effect on retina displays:

Non-retina (thunderbolt display):

Retina (15in MBP)

Steps to reproduce:

1. On a site running Shoreditch, add a logo, preferably with high contrast edges
2. Compare the appearance of the logo on a retina screen vs non retina screen (it's more noticeable in testing than in the above screenshots)

Might it be possible to load the image file at a larger size and allow the existing CSS to scale it down?

Reporting user has since switched themes.

• Slack convos: p1497949235151478-slack-themes and p1498145313656790-slack-themes
• User report: 3257617-t

(Opening this here rather than core since it's related to one of our widgets.)

Steps to replicate

1. Activate Twenty Seventeen.
2. Add a Social Links widget to the footer and add few links to it.
3. View the site and hover over one of the social links.

Result

On hover, there's no contrast between the icons and the background, and there's an increased bottom border on the circles, which makes them look pretty funky:

https://cloudup.com/c7tulLdkMS0

Expected

Better contrast between the icon and background, without the extra bottom border.

No user report or follow-up required, noticed on my own as I was looking at a customer site:

• User's site: https://tombolphotoworkshops.com

Steps to replicate

I can't actually replicate this, but:

1. Create a free site.
2. Activate Rebalance.
3. Set up featured posts.

Result

For the user, this: https://www.flickr.com/photos/127668302@N04/40695242261/in/dateposted-public/

Verified by myself and another HE, before we turned ads off. Reenabling ads makes the issue come right back. Sorry if this isn't actually a theme issue - I can't think what else it could be!

Expected

Ads showing up without blocking content.

• User report: #1004811-zd
• User's site: https://3rdworldarchitecture.wordpress.com/ (I've disabled ads for now!)

Originally reported by @rantoncuadrado in 4553-wpcom-themes:

Steps to replicate

Apply Dara theme to a website Under Settings, change language to Spanish.

Result

There is theme information on the footer:

"BLOG DE WORDPRESS.COM. TEMA: DARA POR AUTOMATTIC."

Expected

There is no theme information on the footer, like when the site is using English.

This was reported for a couple themes using Dara:

• https://resuniconbarna.com/
• https://sersolar.cl/

It's also happening with this theme on sites set to French (reported by @rwaynick):

• User's site: https://lecoinbusiness.com
• Slack discussion: p1497900926804373-slack-themes

This issue was originally reported by @SiobhyB in 4975-wpcom-themes:

Steps to replicate

1. Activate Lodestar on a site with the Business plan.
2. Install the WooCommerce plugin.
3. Navigate to Products > Add New and add more than seven products to your shop.
4. Navigate to Settings > Reading in your site's /wp-admin area to ensure that Infinite Scroll is enabled.
5. View the Shop page.

Result

In the following screenshot, you can see that the following five products are repeated:

• mushrooms sauce with truffles
• pecorino cheese and summer truffles
• porcini and truffle cream 200g
• porcini mushrooms and summer truffle cream

The products are still duplicated with infinite scroll turned off.

It also only seems to happen on Business sites, and doesn't happen on self-hosted sites.

Expected

I expected for all the products that I'd added to display on the Shop page, and didn't expect them to display more than once.

This is similar to #10.

• User report: 254332-h
• User's site: https://truffle-bar.com/shop/

Steps to replicate

This appears to be a one-off instance, a couple of us couldn't replicate.

Ideally,

• Add logo in Customizer

• Logo appears in Live Preview and live site

• Dance of joy begins.

Result

Unfortunately, the logo is added to the customizer panel, but does not appear in preview or live.

Expected

Expected the logo to be previewed in the theme and posted live.

• User report: #2123559-hc
• Follow-up ticket: #1032899-zen
• User's site: https://libbeyjean.com/
• Slack https://a8c.slack.com/archives/C029FM1EH/p1521576991000804

Originally reported in 4502-wpcom-themes:

A user requested we add video header support to Lodestar.

I think it's worth investigating, and given the theme's similarities under the hood to Twenty Seventeen (being the base for that theme) it seems like it'd be relatively straightforward.

• User report: 298600-hc
• Follow-up ticket: 3154396-t

Steps to replicate

1. Activate the theme
2. Add a menu widget
3. Select a menu that has sub-menu items.
4. See the result in your widget area.

Result

Expected

A visual difference between parent items and sub-menus:

• User report: #988826-zen
• Follow-up ticket: #988826-zen

This was originally reported by @ehti in 4130-wpcom-themes:

User has embedded Pinterest boards in their posts for a certain category. As you scroll down the category page, they show up for each post.

However, as you reach page 2 on the category page, the boards stop showing up. They're still embedded in the posts, but just don't show up. Probably on other archive pages too.

Here's a gif where page 2 starts with "Brand Research: Gucci" post.

• User report: 1302114-t
• User's site: https://jenniferkateevans.wordpress.com/category/year-2/year-2-research-file/brand-research/

This issue was originally reported by @SiobhyB in 4372-wpcom-themes:

The header/featured image on individual posts/pages noticeably resize upon page load.

You can see an example of this by visiting this post from the theme's demo site:

https://piquedemo.wordpress.com/2015/11/12/where-does-coffee-come-from/

The following gif is taken from loading the above page in the latest version of Chrome on macOS Sierra:

This looks to be caused by the fact that a height is set inline on the header element as well as in the theme's CSS:

• User report: 142440-hc
• Follow-up ticket: 3051922-t
• User's site: https://exceptionhandler.com

@tavilla61 added a second user report:

• User report: 1391397-hc
• Follow-up ticket: 870541-zd
• User's site: https://dbskatingpro.com

While continuing WooCommerce integration reviews I have stumbled upon a few more CSS bugs.

For the sake of consistency and general niceness, it would be beneficial to fix the following:

Pay for Order page - Payment Methods lacking styling

List of themes needing the fix:

• Button 2
• Small Business
• Dyad 2
• Independent Publisher 2
• Karuna
• Libre 2
• Lodestar
• Pique
• Radcliffe 2
• Shoreditch

My Account > Orders - No space between the Pay, View and Cancel buttons (sometimes this also causes the table to bleed into the sidebar)

List of themes needing the fix:

• Button 2
• Small Business
• Dara
• Dyad 2
• Independent Publisher 2
• Karuna
• Libre 2
• Lodestar
• Pique
• Radcliffe 2
• Shoreditch

Steps to replicate

Add the following code to a Custom HTML widget:

<div id="amzn-assoc-ad-97baaf2c-dea5-4d47-a1cc-e300259d271f"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=97baaf2c-dea5-4d47-a1cc-e300259d271f"></script>

Result

Nothing displays.

The console shows warnings The SSL certificate used to load resources from <URL> will be distrusted in M<XX>. Once distrusted, users will be prevented from loading these resources. See <URL> for more information. with this and other themes.

Page source shows the code as it was added.

Expected

A list of Amazon products appears.

With other themes, the Page Source shows the links converted into product data.

• User report: #1942102-hc
• Follow-up ticket: #989594-zd
• User's site: https://yesterdaygirl.blog

Nothing is actually broken here, but while submitting this theme to wporg, I got a warning about this custom shortcode that is not allowed in the theme. This custom [flexslider_gallery] shortcode is used to replace slideshow galleries (specifically) with a full-width flexslider slideshow that appears above the post title on single posts.

After looking into this, it appears the same functionality can be achieved using a filter on post_gallery. A filter is a much safer approach and less code is required to achieve the exact same result.

I should note that the custom [flexslider_gallery] shortcode is not publicly mentioned anywhere, since only the theme use it to replace the default [gallery] shortcode when the slideshow type is selected. No users would know it even exists without digging into the code. Removing it in favor of a more wporg-friendly filter will not cause any disruption for wpcom users.

(moving from 5021-wpcom-themes)
When you click "load more" on the user site, some of images stack on top of each other. Replicated in Chrome 65.0/Mac High Sierra. The issue was also discussed in this thread: pNEWy-9cT-p2

• Ticket: 1027160-zen
• User's site: https://oscar.hougaz.com/

This issue was originally reported by @chad1008 in 4202-wpcom-themes:

The Like buttons appear on the Panel Page templates in spite of page settings, except on the front page.

Steps to replicate

1. Activate Shoreditch
2. Make sure like buttons for the site are turned on under My Site > Sharing
3. Create a page with the Panel Page template
4. Give that page a few child pages
5. Make sure the Like button is turned off for each individual Child Page
6. View the Parent Panel Page - like buttons appear on the child panels
7. Visit My Site > Customize > Static Front Page and set your panel page as the site's front page
8. View the front page - like buttons are gone
9. Reset the front page and view the panel page - like buttons reappear.
10. Disable the site like buttons setting and view the panel page again. Like buttons disappear.

• User report: 2918760-t
• User's site: https://admagicmedia.com/services/

Bringing this back over from Automattic/jetpack#6968 since this is now a core issue rather than a Jetpack issue.

Steps to replicate

1. Activate Karuna, Ixion, Dara, or Publication
2. Insert a tiled gallery into the Full-Width Footer widget area.

This used to be an issue with Jetpack Tiled Galleries, so they added a filter to override the theme's $content_width, however, since migrating to core's gallery widget, that filter no longer applies. There does not appear to be a similar filter in the core version of the widget, so we'll have to find another workaround.

Result

Note the gallery does not take up the full width of the footer; it only expands as far as the theme's default $content_width

Expected

The tiled gallery should expand to the full width of the footer area.

This happens in multiple themes:

• Dara
• Ixion
• Karuna
• Publication

User info for follow-up:

User report: 2034075-hc
User's site: akayindustries.nl

/cc @pauljacobson

Steps to replicate

1. Activate WooCommerece plugin and add some products.

2. Make sure the products have the featured or product image set.

3. Add one of the following shortcodes in the page a page to display: [product id="XXX"] [products]

Result

The product image or the featured images of the product or missing. Screenshot of the issue.

Single product shortcode: http://cld.wthms.co/JPHgzb

Multiple products shortcode: http://cld.wthms.co/CLCynd

Expected

It should display product images on the page. Like this screenshot taken using the TwentySeventeen theme: http://cld.wthms.co/Faw5RP

• User report: #1957041-hc
• Follow-up ticket: #999474-zd
• User's site: They switched to a different theme but you can check the issue on my test site here: https://testbusinessatsite.com/about-3/ (please ping me on slack if I switched the theme or need any more info - happy to help :) )

This issue was originally reported by @SiobhyB in 3965-wpcom-themes:

The content width for large images on portfolio pages is overridden with Photon is active.

A similar issue was previously reported in 2720-wpcom-themes.

Steps to replicate

1. Install Jetpack and activate the Photon module.
2. Add a portfolio project.
3. In the project post, insert a large image (over 1100px) and select the large size from the size options.
4. View the single portfolio project post on the front end - observe how the image is only 840px wide.
5. Deactivate Photon.
6. View the single portfolio project post on the front end - observe how the image is now 1100px wide, as it should be.

I was able to replicate on my test site. The code for the image was as follows with Photon disabled:

<img class="alignnone wp-image-1023 size-full image-big" src="https://bambi.mystagingwebsite.com/wp-content/uploads/2013/03/soworthloving-wallpaper.jpg" alt="I Am Worth Loving Wallpaper" width="1920" height="1200" srcset="https://bambi.mystagingwebsite.com/wp-content/uploads/2013/03/soworthloving-wallpaper.jpg 1920w, https://bambi.mystagingwebsite.com/wp-content/uploads/2013/03/soworthloving-wallpaper-300x188.jpg 300w, https://bambi.mystagingwebsite.com/wp-content/uploads/2013/03/soworthloving-wallpaper-768x480.jpg 768w, https://bambi.mystagingwebsite.com/wp-content/uploads/2013/03/soworthloving-wallpaper-1024x640.jpg 1024w" sizes="(max-width: 1920px) 100vw, 1920px">

Here's the code when Photon was enabled:

<img class="alignnone wp-image-1023 size-full" src="https://i2.wp.com/bambi.mystagingwebsite.com/wp-content/uploads/2013/03/soworthloving-wallpaper.jpg?resize=1100%2C688&amp;ssl=1" alt="I Am Worth Loving Wallpaper" srcset="https://i2.wp.com/bambi.mystagingwebsite.com/wp-content/uploads/2013/03/soworthloving-wallpaper.jpg?w=1920&amp;ssl=1 1920w, https://i2.wp.com/bambi.mystagingwebsite.com/wp-content/uploads/2013/03/soworthloving-wallpaper.jpg?resize=300%2C188&amp;ssl=1 300w, https://i2.wp.com/bambi.mystagingwebsite.com/wp-content/uploads/2013/03/soworthloving-wallpaper.jpg?resize=768%2C480&amp;ssl=1 768w, https://i2.wp.com/bambi.mystagingwebsite.com/wp-content/uploads/2013/03/soworthloving-wallpaper.jpg?resize=1024%2C640&amp;ssl=1 1024w" sizes="(max-width: 1920px) 100vw, 1920px" width="840" height="525">

The image-big class is removed when Photon is enabled, which means that the following CSS doesn't work correctly:

@media screen and (min-width: 1220px) {
    .portfolio-entry .size-full.image-big {
        margin-left: -130px;
        max-width: 1100px;
    }
}

The above CSS class is added via illustratr.js.

• User report: https://wordpress.org/support/topic/portfolio-image-size-problem-with-photon-plugin?replies=1
• Related Slack convo: p1466097591002175-slack-jpop-support

Steps to replicate

Activate WordAds on a site + Rebalance theme

Result

• Ads show below every post
• Page is quite slow to load due to so many ads/external resources

Screenshot from user's site:
https://cloudup.com/c9g4ZNqb2Tf

Expected

• Ads normally only show below first post on the blog/home page

• User report: #2088348-hc
• Follow-up ticket: TBA
• User's site: https://dealsfinders.blog/ & replicated on https://kristenistesting.com/

Will also report to adopsp2 incase issue is with them.

Originally reported by @donalirl :

A Personal plan user wanted to remove this text from the footer:

RADCLIFFE 2 PAR ANDERS NORÉN

from their site: https://julierakot.com

In the customizer, the footer is set to “WordPress.com logo” so THÈME : RADCLIFFE 2 PAR ANDERS NORÉN. should be hidden.

Screenshot: http://cld.wthms.co/ZW8PZh

• User report: 672549-hc
• Ticket follow-up: 715742-zen
• Slack context: p1507023458000059-slack-themes

Also reported by @gugaalves :

Another site with the same issue, just have a chat with that site owner: quercypierresechefr.wordpress.com

User noticed that footer widget area was missing and a black bar appeared on their site only when they were logged out. When inspecting the bar in dev tools, it appears to be part of the missing footer showing. The black bar is the background color of the footer.

Here it is on user's site: http://cld.wthms.co/KtJin8

It also appears when you open the customizer to view the site. The issue is not appearing on mobile/tablet size screens and is happening in different browsers (chrome, firefox, safari).

• User report: #2125957-hc
• Follow-up ticket: #1031551-zd
• User's site: pablogomezpaintings.com - all pages
• Test site: https://alex27pl.wordpress.com/test-page/

This issue was originally reported by @krutidugade in 8015-wpcom:

Steps to replicate

1. Go to ​https://wordpress.com/ > My Site(s) > Comments
2. Edit a comment
3. Create a list with help of <ul> <li> tags
4. Update the comment

Result

When you create a list in comment, the bullets aren't displayed as theme Nucleare has this CSS

comment-list li { list-style: none; }

Expected

This CSS should be fixed in Nucleare theme so that the bullet points are visible in comments.

• User report: 984044-zen
• User's site: https://andrealazzarotto.com/2012/11/24/guardare-e-scaricare-i-video-di-rai-tv-e-rai-replay-anche-con-linux/comment-page-55/#comment-54337