markc

Thank you for having a look @jordesign. As it turns out, I set up a fresh site and imported the content (not a backup) and sure enough the gallery started behaving itself! There are no plugins and the only difference I can see is that the faulty staging site had Settings -> Media set to Thumbnail size 384×0, Medium size 768×0 and Large size 0x0 because I would manually scale all images to a max w/h of 1536×2048 before uploading to reduce the number of copies created. Below is the pristine staging site with only imported content…

https://qwmh2.goldcoast.org/qwmh-team-photos/

Hi @jordesign, when I check the Pages template, I can see there is a Post Content block that obviously shows the content of the page but it comes with a comment section underneath the page content and that’s what (I guess) is showing as a large space.

Oh! Do I need to remove that Post Content block, which comes by default with TT3, and replace it with a customised Query Loop perhaps?

Thank you for responding @zoonini. I’ve just created a new temporary TT3 site called https://temp.goldcoast.org and removed all margin and padding from the Header Group and Row. The top 48px is padding applied to the “.wp-sites-block” class, and that’s the part that I’m not sure how to get rid of. There is also the same page-wide padding at the bottom. You can contact me down the bottom RHS if you want login details.

Well, how about that. I manually added “position:fixed;top:0;” to the source in dev tools, and it does indeed become sticky with the cover block going right to the top of the page as I would expect. At least I know the Header area is indeed transparent by default. If the “html :where(.is-position-sticky)” CSS gets fixed with 6.3-ga, then that will solve a significant part of my design needs.

Yes, I realise that shrinking the header on scroll would require custom JS, but the ease of applying a transparent and/or sticky header (sticky hopefully fixed with the release of 6.3) is, to me, a guide as to how ready the block editor on its own is ready for prime time. It’s obviously not quite there yet without additional plugins and manual CSS/JS, but it is encouragingly close.

The parts lacking are the ability to apply negative margins (on any block), being able to import local fonts (maybe in 6.4), an icon block and a way to add Javascript easily similar to CSS (perhaps locked to only administrator access).

Hey, thanks again @jordesign. I tried applying Sticky to each of the Groups and Rows I have in the Header, but none of them are sticky or fixed. I hope it’s a bug with 6.3-rc1 because I have done this with other themes in previous years, and it worked as I expect, or by applying a negative margin-top to the Cover block.

I need to apply some animated nav shrinking and color change on scroll to the header nav, so it looks like I will have to start applying some custom CSS and Javascript anyway. Actually, I have no idea how to add some JS in the block editor.

I didn’t expect converting a Kadence + Kadence Blocks theme would be all that easy, and it’s not. A day later and I have a half working nav and a hero section… no transparent and sticky nav yet… and certainly not animated.

Good to know and thanks for the reply. I want to integrate both email login tables and WHMCS billing users directly into WordPress so I can use Woocommerce to provide sales, billing and make it easier for customers to manage their email, and other, settings. I think I’ll have to write some custom scripts to import and merge TWO systems into WP.