infinite scroll not working + single post tags placement

Hi Jeremy,

Thanks for your message and feedback.

1) We’ve added this to our roadmap. We need to do some more testing, hopefully it will be in the next release.

2) To center the tags on the single post, you can add the following CSS code inside the Customizer (Additional CSS panel):

.single-post .post-meta-single-bottom .post-meta  {
	display: flex;
	justify-content: center;
	text-align: center;
}

I hope the above is useful to you.
Have a nice day.

If you enjoy Twentig, please leave us a review ??

Thank you for the prompt response and great support!

One more question: Is there a simple way to change the default width of media (images, but video would be nice too) in a post or page in Twenty Twenty with Twentig via Customize without having to edit every single post via block editor? The default size too small and the full width too big.

Hi,

Inside the block editor, the image and video blocks have a wide width option that you can choose inside the top toolbar when the block is selected.

I hope the above is useful to you.

Thanks again for your support.

I’m now trying to decrease the height of the header, but can’t seem to override the right class in CSS. Is this possible?

Hi Jeremy,

We’ve released version 1.1.3 that includes the code for Jetpack Infinite Scroll compatibility.

To decrease the height of the header, you need to modify its padding:

.header-inner {
    padding: 2rem 0;
}

Have a nice day.

Awesome, thanks again!

Great! If you enjoy Twentig, please leave us a review. We’d really appreciate it.

Will definitely leave a review, greatly appreciate the prompt support!

Last question for now, how can I adjust the style of the infinite scroll button? Ideally it would match the style of the button on https://sunsets.cc/about. Alternatively, I’d just like to add a border radius to make the corners rounded like the images on the site.

Hi,

Thank you for the review ??

To change the button style:

.infinite-scroll #site-content #infinite-handle span button {
	background-color: transparent;
	color: #ff3300;
	border: 2px solid;
	border-radius: 50px;
}

Have a nice day.

Hello again, it seems a recent update has somehow lead to nearly all the image blocks shrinking in size. Is there a way through css or functions.php to have all image blocks change to a “wide-width” without having to edit each post individually?

Hi,

By default, the images have the same size as the text. There’s no option in neither Twenty Twenty nor Twentig to set all images wide, so we don’t think that an update changes it. Did you add custom CSS? If possible, could you please share the URL of your website?

Thanks.

Here’s a sample post: https://sunsets.cc/2020/08/17/seeing-red-2020/

Here’s the CSS that was previously working to make the image larger without doing full-width:

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(.size-full) {
    max-width: 90rem;
    width: calc(100% - 3rem);
}

You’re using a lightbox plugin that changes the markup of the image block. Your CSS only changes the max-width of the image parent, you should also set a width of 100% for the image.

.single-post .entry-content img {
	width: 100%;
}

Have a nice day.