Overlapping Title In Sidebar Widget

Hi @jadk001,

It’s the emoji flag from the Denmark post that’s overlapping everything. It’s an SVG image and not an actual emoji character, and the plugin is displaying the SVG image using its actual size.

Your other popular posts look fine because they’re using standard UTF-8 emoji characters in their titles (I removed the SVG image from the source code to illustrate the point):

Add this to your theme’s functions.php file so SVG images are automatically removed from the popular post title to prevent this issue from happening again:

/**
 * Modifies the popular post title.
 *
 * @param  string $title
 * @param  int    $post_id
 * @param  int    $translation_post_id
 * @return string
 */
add_filter('wpp_the_title', function($title, $post_id, $translation_post_id) {
    // Remove images from post title
    $title = preg_replace('/<img[^>]+\>/i', '', $title);

    // Remove extra whitespaces
    $title = preg_replace('/\s+/', ' ', $title);
    $title = trim($title);

    return $title;
});

Alternatively, if you don’t want these SVG images removed from the titles then you’ll need to add width & height attributes to each SVG image to make them smaller.

• This reply was modified 5 years, 11 months ago by Hector Cabrera. Reason: Fixed link, also reworded things a bit for clarity

thanks for helping me out. but that doesn’t seem to fix it (the code) when I inserted there.

You’ll need to be more descriptive here so I can help. What exactly happens now? Where did you insert the code into? Also, do you have a caching plugin installed on your site?

And now the images have dissapeared when in tile display mode? it just shows grey. or is this to do with my lazy load litespeed plugin (didnt have a issue before)

That sounds similar to this, check the comments below that one.