Justin Tadlock

This doesn’t seem to be related to the block itself. My guess is some of the characters that you’re using in the class are not valid identifiers and need to be escaped.

You can read more about CSS identifiers here and how to escape them: https://developer.mozilla.org/en-US/docs/Web/CSS/ident

Most likely, you’d need to replace the > character with & # 6 2 ; (without the spaces, which I had to add to get it to show up here). Maybe the ampersand too.

• This reply was modified 3 weeks, 5 days ago by Justin Tadlock.

Can you share the code for the block? Is this code in your render.php or is it a in your save.js?

@anlino – It’s possible to do this with the Block Bindings API instead of a fully custom block. This would be allowed in the Theme Directory.

@kobzew – Custom blocks in themes is pretty much a non-starter, but support for such a block in Core WP or the Block Bindings route I mentioned above are both possibilities.

Looks like it went in here: https://github.com/WordPress/gutenberg/pull/63403

It looks like it removes :root :where() with top-level element selectors that don’t have a class attached to them.

To answer a couple of your questions:

But how can this happen if the Astra theme is very popular and conflict is unlikely.

I my last 19 years of using and building on top of WordPress, I can tell you with absolute certainty that the popularity of a plugin/theme is entirely unrelated to whether it has issues or causes conflicts.

So what can I do in this situation?

The best place to ask support questions related to this is the Yoast SEO or Astra support forums.

• https://www.ads-software.com/support/plugin/wordpress-seo/
• https://www.ads-software.com/support/theme/astra/

Assuming the issue is unrelated to either of those, have you tried disabling all other plugins to see if they are causing the issue?

Since this is a block plugin, you can find all usages of the block via the Find My Blocks plugin: https://www.ads-software.com/plugins/find-my-blocks/

Basically, it will let you search your site for uses of a specific block.

We would need to know which plugin it is or what the plugin does to try to answer that.

Sure, WordPress could be used to build such a homepage (or any page design, really). The layout itself should be pretty straightforward with the block editor. The animated bits would require custom code or a plugin.

I would recommend making a block style variation that applies your custom caption styles: https://developer.www.ads-software.com/themes/features/block-style-variations/

Then, apply that variation to this specific Gallery block (and any others you might want to use it for later).

As for the social sharing links, those seem to be injected via a plugin called ShareDaddy. You could disable that plugin. Otherwise, you would need to post in the plugin’s support forum: https://www.ads-software.com/support/plugin/sharedaddy/

But since ShareDaddy is now a part of Jetpack, you might consider switching plugins. Or, if that’s being output by Jetpack, contact there support https://www.ads-software.com/support/plugin/jetpack/

• This reply was modified 3 months ago by Justin Tadlock.

This is caused by the bluehost-wordpress-plugin, specifically this stylesheet on your website: /wp-content/plugins/bluehost-wordpress-plugin/vendor/newfold-labs/wp-module-patterns/assets/build/utilities.css

It’s adding this CSS:

[class*=nfd-divider-] {
    position: relative;
    z-index: 13;
}

The z-index is making it “higher” than the nav menu in terms of importance. I recommend contacting the plugin author and asking that they adjust this.

Alternatively, you could try adding this to your CSS via the Site Editor:

[class*=nfd-divider-] {
    z-index: 1;
}

It looks like you’re using the shortcode in a Text widget in a dynamic footer sidebar. As near as I can tell, it might be packaged with your theme, Borderland. Or, at least your theme has specific styling for it (often a good indication it’s added by your theme).

You can go to the Settings > General page in your WordPress admin and set the Site Language there. This will make the entire site use your preferred language.

However, keep in mind that if you’re using a theme or plugins, they may not have been translated into Spanish. You can see the available languages on the individual theme/plugin pages here on www.ads-software.com. In those cases, any text will be in whatever language the developer originally used, and you may need to find an alternative.

You can read more about the “why” behind the change here: https://make.www.ads-software.com/core/2024/06/21/wordpress-6-6-css-specificity/

If you’re styling h2 in theme.json, it should override the default styles. For example:

"styles": {
    "elements": {
        "h2": {
            "typography": {
                "fontSize": "your-font-size-reference"
            }
        }
    }
}

It sounds like this is the issue that you’re having: https://core.trac.www.ads-software.com/ticket/61662

If so, this will be fixed in WordPress 6.6.1.