David Hoy WP

Thanks Adam, trying to find all the spacers (black on black) was a pain so I settled for this fix,

@media only screen and (max-width:70em) {
	.wp-block-spacer{
			display:none;
	}

}

It’s handy as there are spacers used in other parts of the theme that don’t make so much sense.

I really appreciate you finding that active issue on github, I’m guessing the awesome videomaker theme devs knew about this issue and were hoping the bug would be fixed by theme launch.

Thanks again for your help ??

The screenshots have been taken with all plugins de activated.

A screenshot with videomaker active.
https://snipboard.io/azdp9s.jpg

With the twenty twenty two theme active.
https://snipboard.io/qjoRuf.jpg

How this pattern looks on a desktop, with videomaker active,
https://snipboard.io/XmzFGc.jpg

Issue is present in both mobile screenshots. It is the large negative space between posts. It is not present when the screen is wide enough to show the offset layout.

This is caused by the spacers used to create the offset look on desktop cannot. They shrink for a mobile view as they have their height set as a style attribute meaning they cannot be overwritten by adding a custom css class.

The issue with the layout is more an issue with the spacer block itself.

My real issue is with the testing process though – how was this allowed out the door?

Again, thanks for your help & support ??

It’s in maintenance mode, but you’ll see it if you have a test site with videomaker installed. Add the ‘Offset Project Grid’ Design Pattern on a page.

The pattern uses spacer blocks to create the offsets.

These spacer blocks have their height set via the editor and are stored as a style attribute:-

<div style=”height:385px” aria-hidden=”true” class=”wp-block-spacer”></div>

Is an example. This creates a negative space in the middle of a post list that has stacked vertically for a mobile display.

Please note, this is without changing the settings or content for the design pattern.

My issue is, as the height is set as a style attribute, I can’t override it with a media query.

Which is a shame, The theme is awesome but this issue means this pattern is not ready, and my faith in the theme is shook. What other issues will crop up on small screens, are they easy to dodge. Would I have been quicker starting from scratch…

Is this a blip, or are these themes and patterns not being tested and therefore none of them are to be recommended to new users?

Appreciate any support or insight you can provide Adam ??

Same.
In the reset email, this is the link:

https://WEBSITE.com/my-account/lost-password/?key%5Berrors%5D%5Bempty_captcha%5D%5B0%5D&&id=1

WEBSITE = My domain.

• This reply was modified 4 years, 2 months ago by David Hoy WP.

Thanks Tammie, I was hoping to find the columns feature a bit more flexible (breakpoints) but the overall UX/UI is really awesome. I’ve been using WP since 2009 and felt an editor update was long overdue. It’s also going to make training new WP users a lot more fun ??

Took a minute to dig this out, it works on my client site here: https://musichands.co.uk/

I have no idea how it will work in your setup, accept no liability etc.

Copy the global.js file from wp-content/themes/twentyseventeen/assets/js

in you child theme folder create the folder “js” inside a folder “assets”

paste the global.js file, open it in your favourite code editor.

At the bottom of the file you will find this:

// Add header video class after the video is loaded.
$( document ).on( ‘wp-custom-header-video-loaded’, function() {
$body.addClass( ‘has-header-video’ );
});

Change it to this:
// Add header video class after the video is loaded.
$( document ).on( ‘wp-custom-header-video-loaded’, function() {
$body.addClass( ‘has-header-video’ );
});
$( document ).ready( function() {
$( document ).on( ‘wp-custom-header-video-loaded’, function() {
$(“#wp-custom-header-video”).attr(‘autoplay’,true );
$(“#wp-custom-header-video”).attr(‘loop’,false );
});
});

Hope this helps you @korgul

p.s. the magic happens here: $(“#wp-custom-header-video”).attr(‘loop’,false ); the false statement is what stops the video, set it to true and it WILL loop.

(This is from here: https://wordpress.stackexchange.com/questions/254234/wordpress-4-7-custom-video-header-stop-autoplay – so we both owe thanks to @bravokeyl !)

• This reply was modified 6 years, 9 months ago by David Hoy WP.

K’pow Thats responsive! Thanks P?r!

@buddyboss, Thanks for helping us here,

If you see my graphic you can see the search failing to find a single word:
https://yourdigitalprofits.com/platforms/WordPress/Errors/buddypress-global-search-intermittent-error.jpg

So it’s not an issue with relevance – this should be an exact match – have you seen this issue before?

@clicknathan – I’ve not tried pulling all the plugins yet, I’ll be making a local version today to try somemore fixes.

Ach Dang! I was hoping you had maybe found out the problem and were going to swoop down on this thread with the fix & wearing a superWPdude cape ??

Heres my plugin stack – anything ringing a bell with you?

askimet (disabled)
all in one intranet
bpmessage
buddypress
buddypress global search
buddypress like
login customzer
remove dashboard access for non admins
user switching
WP Types (full stack)

• This reply was modified 8 years, 2 months ago by David Hoy WP.

I’m having this issue as well, but with single words.

This graphic shows to searches, one successfull, one not.

https://yourdigitalprofits.com/platforms/WordPress/Errors/buddypress-global-search-intermittent-error.jpg