ElizabethGuilt

I am just starting a podcast, and have it up and running on my Squarespace site. However, when adding an "audio block" for a podcast episode, there is no mechanism for adding a transcript. According to Apple (see https://podcasters.apple.com/support/5316-transcripts-on-apple-podcasts ), transcripts should be added to the RSS feed via a transcript tag, but I have confirmed with Squarespace tech support that they do not support this out of the box. (Major accessibility fail, but hey.) Does anyone have any experience of adding this tag in to the RSS feed manually?

The answer to this turned out to be that the Avenue template doesn't support distinct sidebars for multiple blog pages: https://support.squarespace.com/hc/en-us/articles/205815498-Avenue-template#toc-sidebar I was advised by Squarespace support to switch to a different template which does support separate sidebars.

I've had a blog running on my website for a while; down the side I have a "latest posts" bar which lists out the most recent blog posts. I'm now trying to add a podcast to the site, which is basically a second blog. I've set that up, but the "latest posts" bar on the new podcast page lists... the blog posts of the original blog. There is a feed selector in the blog settings page - if I change the podcast page to the podcast feed, then both it *and* the blog display the podcast feed... and continue showing the posts from the original blog. How do I unlink these two pages? I understand from others posting that the styling of the two blog pages is intertwined, but I don't mind that. But the feeds should be completely separate... and the "latest post" bar should only show posts from the relevant feed!? Site/blog is at https://www.elizabethguilt.com/blog Podcast page is at https://www.elizabethguilt.com/drabbletober (it's intentionally not linked from the main site - yet).

I'm having just the same problem as the original poster, on this page: https://www.elizabethguilt.com/fiction The "free to read" badge image comes out sensible on desktop but full width on mobile. Following previous advice, I was hoping this CSS snippet would fix it: @media screen and (max-width:767px) { div#yui_3_17_2_1_1678919226636_70 { width: 30%; margin: 0 auto; } } ... but it seems to make no difference. Can anyone offer any advice on what I'm doing wrong? Many thanks! The image also currently shows as unreadably-tiny on tablet, which will be the next problem. Presumably I would need to set a min-width for the `div` element on a tablet-sized screen width?