luishporras

Great! may I ask how did you end up in the codex? I’m also learning and there are some parts of the documentation that I don’t know yet.

True… my fault, sorry.

From what I see in the Guntemberg repo the setting (if exists) should be in the post-excerpt core block, if it doesn’t exist you could create a custom one where you can remove the anchor or add a setting to let the user decide. Doing this should be rather easy (if you have developing experience with js and react), copy the core/post-excerpt block, rename it and the add the necessary changes here.

Hope this helps!

Hi!

I’m a third party developer therefore this is not an answer from the wordpress team. I haven’t found any info in the docs but here is what I’ve found in the Guntemberg repo:

• README on how to use the style engine
• Core implementation with the current available fields

Hi!

Have you checked the tutorial from the official docs ‘How to use js in the block editor’?

Hi!

Im afraid you shared a url pointing to localhost, therefore it is not reacheble from outside your computer.

(Update) What I was looking for was some kind of extra parameter in theme.json that allowed me to change variables values conditioned to screen size, I haven’t found something like that.

@ehtmlu I’ve seen that but a clamp wouldn’t be enough (at least I don’t know how) to keep up with the huge difference between mobile and desktop, also keep in mind that maybe some text’s change a lot in size while others don’t.

Instead I’ve decided that I was not using a proper approach to develop a fully custom theme, since I needed some ad-hock custom blocks and I was trying to implement everything using core blocks and changing its styles and adding some javascript (madness). So, instead of creating a plugin with my custom blocks (where you have complete freedom but also it’s a bit more tedious to develop), with the initial guidance of the course: Become a WordPress developer (which contains a chapter on block-themes), I’ve included custom blocks inside the theme. This seems to be a great approach to me although the documentation in www.remarpro.com is focused on plugin development (it really doesn’t change anything) and also mixes old implementations with new ones, so keep an eye.

I’ll share the theme when I finish it in case it could be useful for others, thanks for the response!

I’m coding a theme : )

• This reply was modified 1 year, 9 months ago by luishporras.

Hi!

You need to target the element article with class .uagb-post__inner-wrap with the :hover pseudo-class and add a background-color: transparent property:

article.uagb-post__inner-wrap:hover {
    background-color: transparent;
}

Thanks a lot for your reply @mrtom414, so far I’ve been able to add styles to the video element in the frontend following your advice and the guide from the documentation: Including CSS & JS

Unfortunately I can’t figure out what I’m doing wrong to add styles to the backend (editor) because it’s not working right know:

<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
    
<!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} -->
<main class="wp-block-group">

   <!-- wp:group -->
   <secti class="wp-block-group">
   
    <!-- wp:columns -->
    <div class="wp-block-columns awt-positioned-cols">
       <!-- wp:video -->
       <figure class="wp-block-video awt-bg-video">
       </figure>
...

functions.php

<?php
if ( ! function_exists( 'awt_theme_setup' ) ) :

function awt_theme_setup() {
	// Add support for block styles.
	add_theme_support( 'wp-block-styles' );

	/*
	 * Load additional block styles.
	 */
	$styled_blocks = ['columns', 'video'];
	foreach ( $styled_blocks as $block_name ) {
		$args = array(
			'handle' => "awt-$block_name",
			'src'    => get_theme_file_uri( "assets/css/blocks/$block_name.css" ),
			$args['path'] = get_theme_file_path( "assets/css/blocks/$block_name.css" ),
		);
		wp_enqueue_block_style( "core/$block_name", $args );
		add_editor_style( get_theme_file_uri( "assets/css/blocks/$block_name.css" ) );
	}
}
endif; // awt_theme_setup
add_action( 'after_setup_theme', 'awt_theme_setup' );

?>

assets/css/blocks/columns.css

.awt-positioned-cols {
    position: relative;
}

• This reply was modified 1 year, 9 months ago by luishporras.
• This reply was modified 1 year, 9 months ago by luishporras.