Archived topic

Avoid Large Layout Shifts Fix?

1 reply · Started by Thomas on April 27, 2021

Viewing posts 1–2 of 2

April 27, 2021 at 10:34 am #1751249

I'm working on my core web vitals and getting a layout shift error. Seems to be coming from the little tag icon. Anything I can do to fix this? Would have no problem replacing the tag and folder icons if there's an easy way to do that and just make them "tags" and "category" instead of little images ( if that fixes things?)

Thanks in advance!

April 27, 2021 at 9:26 pm #1751912

Hi there,

We can replace these icons by using this PHP filter to remove them.

add_filter( 'generate_inside_post_meta_item_output', function( $output, $item ){
	if ( $item === 'categories' || 'tags' ) {
		$output = '';
	}
}, 15, 2 );

And then add this CSS for thee "tags" and "category" label.

span.cat-links:before {
    content: "Category: ";
}
span.tags-links:before {
    content: "Tags: ";
}

This archived topic is closed to new replies.

Start building better websites today.