You won't believe WordPress can do this!

[@DiegoPereyra]

Love your videos man, they are beautiful... Great astounding uses of the cover block, beautiful designs. Have a great day... And feed the cats...!

[@jamiewp]

Thanks Diego, a lot of love and hard work went into this video so it's great to read your comment 👍

[@pmmueller]

It looks beautiful, it's fun to watch, it's full of brilliant ideas and it's well presented. This is better than almost all television shows I've seen lately. And it's shorter 🤗

[@jamiewp]

Thank you so much Peter - I thought you would like this one 😊

[@behthiansu]

You made a technical tutorial guide into an art piece, the music, the ambience! Nice!

[@jamiewp]

Thank you so much 😊

[@jdccool]

Every video, I mean EVERY VIDEO, always has something engaging, creative and useful in them. Thank you, Jamie.

[@jamiewp]

Thank you so much 😊

[@comartse]

Great show of what is possible by using the settings creatively. Gives both reflection and inspiration in using the standard blocks. Thank you!

[@jamiewp]

thanks for watching Cay

[@derek-hanson]

I literally had been playing these types of scenarios in my mind but hadn’t spent the time to play around with it. I love that layering of the mountains and the sky background ❤

[@jamiewp]

Thanks Derek 🙏 Let me know if you come up with anything new - i'd love to share

[@CodingIsFun]

Great video! Thanks for sharing!

[@jamiewp]

👍

[@nw10design]

Great stuff, Jamie! I was working on a research lab client site and was contemplating how to do a home page banner with a looping video (a rotating enzyme animation with a fixed background color) in a left column and some caption text in a right column. This is pretty straightforward if you use a full-width cover block (with the video's fixed background color so that the video seamlessly blends) and, within that, two columns where the left column contains another cover block with the looping video as its background and the right column containing the caption text. Your layered, full-height, full-width covers had not occurred to me as an enhanced parallax display technique. Indeed, in your beautiful starfield/mountains example, the cover block's background starfield image could be replaced with a looping starfield video which would produce a pretty interesting parallax + video motion effect. Covers within covers! You sir, are a stone cold genius.

[@jamiewp]

I love the idea of adding video into the mix ❤ Thanks for the great ideas...time to start playing again 💪

[@CreativeWoff]

these were amazing to watch. good job ;)

[@jamiewp]

Thank you 🙏

[@e.rohner5704]

Thank you once again! Good to see someone playing with Wordpress!

[@jamiewp]

👍🙏

[@mikestottuk]

The first effect is great and very Disney like. Keep up the awesome work Jamie.

[@jamiewp]

Thanks Mike 👍

[@DarrinRich]

That was supercool. Love it!

[@jamiewp]

Glad you liked it!

[@elliottrichmondwp]

Absolutely blown away with this creativity with just a couple of simple blocks, amazing content Jamie ❤

[@jamiewp]

Thanks Elliot 👍

[@Rbog17]

Fantastic. Well done! Keep it coming.

[@jamiewp]

More to come!

[@SeanClarke]

Wonderful Jamie!

[@jamiewp]

Thanks Sean 🙏 I’m really proud of this one, so it’s great to hear from you.

[@StefanoFerro]

Just wow. You really are a master

[@jamiewp]

Thanks Stefano - these were so much fun to explore and bring to you ❤

[@PaalJoachimRomdahl]

Very cool! Thank you for exploring various fun possibilities in Gutenberg, Jamie!

[@jamiewp]

thanks Paal

[@michaelolubi-neye3497]

I wish I could like over and over and over again…

[@jamiewp]

Thank you Michael 😃 Maybe send it round to some friends 😉

[@Tech-Dev]

Cheers. Absolutely Brill.

[@jamiewp]

thank you 👍

[@maldonadodani]

Really creative. Great work. Thanks for sharing

[@jamiewp]

Thanks Daniel

[@ManuelHernandez-en3xy]

Jamie, would you also please include in your videos how they look on mobile? 😢 sometimes they don't looks as good as pc.

[@jamiewp]

I mentioned that at the end of the video 👍

[@mr_kingout]

Awesome transition I am from India

[@jamiewp]

I ❤india, thank you for watching

[@FreeMaverick]

Thank you for such an amazing idea and tutorial

[@jamiewp]

🙏👍

[@AndoverIT]

Wow! These are brilliant Jamie! I was expecting a ton of plugins to have to do these!

[@jamiewp]

Thanks 🙏 its fun to push the boundaries of what’s possible with core WordPress - i will try to do more of these

[@AndoverIT]

@@jamiewp Please! Great instructions on them as well - easy to follow. Going to have to have a play 🙂

[@CMSAssociation]

You stud. This rocks.

[@jamiewp]

😀

[@bquerry]

Fantastic!

[@jamiewp]

thanks Bill

[@perseuslegend8580]

Thanks for another great video, Jamie! I was taking inspiration from your examples to build a fullscreen slider by using the Cover block, to no avail. If you'll ever want to give it a try and share your results, that would be amazing.

[@perseuslegend8580]

In the meantime, I found a plugin that does that, I thought to share it here: Gutenslider. Still, if there were a way to do it with built-in blocks, it would be nice :)

[@jamiewp]

Hi, did you try with this free plugin kzbin.info/www/bejne/oV6TXpaGl9d5ptUsi=qVjBKSYNDAt3E9T6

[@CattieCoyle]

So cool! I have so many ideas now that I don't even know where to begin!

[@jamiewp]

😊

[@KaiBuskirk]

Epic! Love the Vibe!

[@jamiewp]

Thanks Kai - hope all is well with you

[@MartinMcLoughlinNo1]

Thanks for sharing this very useful info.

[@jamiewp]

thanks for watching Martin

[@nailakhalid956]

That's awesome Jamie Will try these❤

[@jamiewp]

Cool, please share a link when you do, i'd love to see what you come up with ❤

[@nailakhalid956]

@@jamiewp sure I will share

[@o_konstantine]

Thank You for this tips

[@jamiewp]

My pleasure 😊

[@yasershahian3134]

Just Amazing

[@jamiewp]

Thanks Yaser 🙏

[@paulroos8517]

Again, thanks.

[@jamiewp]

thanks Paul

[@nubiancenter5918]

What a beautiful. video, you R great , thank you nave a good day

[@jamiewp]

thank you ❤

[@akhenatontubba9950]

Teşekkürler çok güzel bir paylaşım.Manuel olarak altyazı eklediğiniz için de ayrıca teşekkür ederim

[@jamiewp]

Rica ederim, benim için bir zevkti. 👍

[@visualmodo]

Truly good video =DD

[@jamiewp]

👍

[@morizanova]

This will be awesome for storyteller

[@jamiewp]

Absolutely 👍

[@smarthelpguides]

wow. Thank you!

[@jamiewp]

❤️

[@apatsa_basiteni]

Wow! These are so cool🎉

[@jamiewp]

thank you 🙏

[@apatsa_basiteni]

@@jamiewp thanks I implemented this to have an effect of the background image going from colour to black and white on scroll.

[@jamiewp]

@@apatsa_basiteni do you have a link?

[@ohia5654]

Hey there. How are these preforming for you on mobile? I'm finding that the fixed setting isn't working.

[@Gilleswi]

This is amazing! Where did you get these Images for the magical parallax effect?

[@jamiewp]

Thank you - they were generated using Midjourney (alpha)

[@sergeserge5843]

Wonderful 👍 One thing though makes me reluctant to implement these designs. The picture with transparency has to be PNG. They weigh quite a lot 😞

[@jamiewp]

Have you tried using tinypng to compress them? That gives great results.

[@PaulMcCannWebBuilder]

Webp does support transparency, with very good browser support. Search for PNG to Webp tools to convert and preserve the alpha channel and you could save more than half of the image file size. Also images like the one used in this demo could be created as SVGs (Adobe Illustrator's AI tool can create similar mountains as SVGs) and depending on detail, could be comparably tiny.

[@celinedaumesnil7329]

J’adore ❤

[@jamiewp]

❤️

[@tomcha75]

Mind blown

[@jamiewp]

Great to hear 😀

[@PuchoWebSolutions]

Hello from New York City! But how did you make a full page background image under the cover block? Any clues appreciated. Thank you for good video.

[@jamiewp]

The Cover Block lets you add a background image , and then you make it full width and full height. All those settings come by default with the Cover Block on the floating toolbar 👍

[@PuchoWebSolutions]

Saw your video on Cover Block, but please follow up that video explaining how to simply configure a uniform body background image for all pages at a website using the cover block. Do you suggest putting the cover block first in the list view or in the header block? From a frustrated full site editor in NYC. Thank you. @@jamiewp

[@MichaelWilliams-lo3ix]

Awesome

[@jamiewp]

thanks Michael

[@kimblagg8090]

I don't have the option to change the padding for the Cover in your instructions. The last option I have is Dimensions.

[@jamiewp]

It might be your theme - what theme are you using?

[@sinnombre5466]

this is exactly how i want to style a site , almost. I'm trying to do it via horizontal scrolling, but all the plugins I've attempted so far hide the most useful features behind pay wall : ( I'm cheap )

[@jamiewp]

Great to hear 👍💪

[@SeanClarke]

Could you do this from left to right? And could you do more than two layers, with slightly different scroll speeds to create even more of a parallax effect?

[@jamiewp]

Hi Sean, you read my mind - that's on my list for next week 😀

[@SeanClarke]

@@jamiewp I'll be looking forward to seeing how you achieve that. Thanks!

[@jamiewp]

@@SeanClarke 👍

[@brianmorris6466]

I tried this and it looks beautiful but I wound up with double scroll bars on the right hand side. Any ideas on how to fix?

[@brianmorris6466]

Nevermind, it's because of the wordpress wp-admin-bar, I'm just going to leave it.

[@broizzo]

Hi Jamie, do you know why a wordpress page is overflow horizontally even I've set the page to 100% width/wide?

[@jamiewp]

What theme are you using?

[@sofiapaladino5172]

how does it react in responsive mode?

[@CarlMadsen]

I think the british have a word for this: BRILLIANT!

[@jamiewp]

Thank you Carl 😊

[@michou53123]

I love all your ideas and videos and copy a lot of it. But there is one thing that always happen no matter which wp version I used or which pictures - as soon as I fix the background this picture will be distorted and the left and the right side gets cropped. Tried the font thing and instead of 10 letters and a margin I got six of them in giant size. What am I missing?

[@jamiewp]

Have you tried setting the aspect ratio?

[@michou53123]

@@jamiewp I kept the original but also tried the other options - it made no difference to the distortiont. But right now it seems my installation is completely out of order. Will have to cry and yell and work tonight - yay :D

[@journeyeu]

Does it impact the loading speed

[@jamiewp]

Not if you optimise your images 👍

[@onkelzaufsendung-dervideop2943]

Amazing. How can i make my sticke header (menu) transparent by scrolling ? I cant find videos

[@jamiewp]

That needs a little javascript - i’ll try to put a tutorial together 👍

[@onkelzaufsendung-dervideop2943]

That would be so amazing. Using the 2024 theme and no plugins. Thanks!!!!

[@RoKIncorporated]

@@jamiewp when can i expect it?

[@jamiewp]

@@RoKIncorporated sorry not for a while - i have a pretty long list of videos first

[@vaughanprint]

Excellent… But, is there any CSS we can add to remove the cheesy Andrew Loyd Weber backing track? 😮 Seriously though, many useful design concepts here.

[@jamiewp]

thanks (i was going for a Harry Potter vibe in the first effect)

[@vaughanprint]

@@jamiewp Ah yes Harry Potter effect... in that case somebody needs to create CSS for more volume. I'm sure some wizard will come up with it eventually.

[@jamiewp]

@@vaughanprint 😅

[@opusprime6]

Scroll snap!! Love that one... thanks Jamie.

[@jamiewp]

Yup it's cool 😎

[@VaibhavShewale]

so, can we do in elementor?

[@jamiewp]

Probably but this method doesn’t require any plugins 👍

[@UpperValleyWeb]

WOW! 🎉

[@jamiewp]

thanks for watching

[@dodatroda]

Gutenberg? Do you mean the Block Editor?

[@jamiewp]

Yup 👍

[@AileHesap-o5r]

I have a question for you, I would be very happy if you answer, Thank you in advance, what is the difference between group block and column block? and what are their equivalents as css code? *** I have a question for you, I would be very happy if you answer it, Thank you in advance, what is the difference between a group block and a column block?Dec. and what are their equivalents as css code?

[@balakrishnampatil1]

1000th like 😊

[@jamiewp]

Thank you ❤

[@enezar]

Wow

[@jamiewp]

❤

[@randbaldwin]

👍

[@jamiewp]

Thanks Rand

[@gaganjotsingh2579]

❤❤❤

[@jamiewp]

🙏

[@gaganjotsingh2579]

@@jamiewp sir please create some videos related to woocommerce with block themes

[@jamiewp]

@@gaganjotsingh2579 Yes planning as we speak

[@maxziebell4013]

Me: uninstalling GSAP 😊 … no seriously great!

[@jamiewp]

Thank you Max - spread the word 🙏

[@ChristianPeper]

💻

[@gazrobbo]

I worry about the size of your cats, with all these "likes"

[@jamiewp]

Thanks Gary 👍

[@techtipsuk]

Bet it’s not so beautiful on mobile.

[@jamiewp]

Yup check the end of the video 👍