Container link anchor text issue

Hi Parrot,

To clarify, intrinsically, do you want the Container Block to be the link?

If so, that’s possible through GenerateBlocks Pro. See: https://docs.generateblocks.com/article/container-links/

Can you provide the link to where we can observe this?

Is your 2nd screenshot from a Search Engine?

Also, since Container Links is a GB Pro feature, can you also link your GB Pro account here for assistance with regard to GB Pro features??

Sorry about that. I can confirm you have GB Pro.

Try adding modify-link-title to the class list of the Container Link Block.

Adding Custom Classes: https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

Then, add this snippet:

add_filter( 'render_block', function( $block_content, $block ) {
    if ( !is_admin() && ! empty( $block['attrs']['className'] ) && strpos( $block['attrs']['className'], 'modify-link-title' ) !== false ) {
		$myreplace = '<a';
		$myinsert = '<a title="' . 'YOUR TITLE HERE' . '"';
        $block_content = str_replace( $myreplace, $myinsert , $block_content );
    }

    return $block_content;
}, 10, 2 );

Adding PHP: https://docs.generatepress.com/article/adding-php/#code-snippets

Let us know how it goes.

Yes, you’re correct.

However, actually, just remembered that title attributes are allowed as custom attributes in GB Pro. Reference: https://docs.generateblocks.com/article/custom-attributes/

Example: https://share.getcloudapp.com/YEuezdYn

You can use that instead.

I think the title attribute should be good SEO-wise. Reference: https://www.searchenginejournal.com/link-title-attribute/

But, if you want to stretch out the text, can you provide the link to the page in question? We’ll try to see if it’s a good idea and if it’s possible design-wise.

Hi there,

try this instead.

1. remove the container link.
2. give the container an Advanced > CSS Class of: make-container-link
3. add the link to the text element that you want to be in that link.
3.1 Note there must only be one link in the container.
4. Add this CSS:

.make-container-link {
    position: relative;
}
.make-container-link a:before {
    content: '';
    position: absolute;
    inset: 0;
}

This will create a pseudo element on the link, that will cover the area of the container