Emoji title problem

Hola Guillermo,

So I tried to replicate this and this is what I’m seeing now.

The emoji looks normal to me.

If you can share your site’s URL I can have a look and maybe share some suggestions.

Also, if you speak Spanish feel free to write in that language. ¡Se habla español! 😉

Ah, entonces no es un emoji “normal”, éstos son íconos creados específicamente para tu sitio web. Revisando tu sitio encontré estas reglas CSS que hacen que dichos íconos se adapten al tamaño de la fuente:

img.wp-smiley, img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

Es la clase .emoji la que hace la magia (reduce el tamaño de la imagen al tamaño de la fuente). Dicha clase no está disponible cuando usas un tema, como Cards Compact por ejemplo, porque estos temas son self-contained web components (básicamente están aislados de reglas CSS externas). Por eso la imagen se ve en tamaño normal como en la captura de pantalla que compartiste y no en tamaño fuente.

Prueba agregando este código al archivo functions.php de tu tema WordPress (o a través del plugin Code Snippets) y me avisas cómo te fue:

/**
 * Import .emoji and .wp-smiley CSS classes into WPP's 
 * theme styles.
 *
 * @param  string $additional_styles
 * @param  string $theme_name
 * @return string
 */
function wpp_additional_css_rules($additional_styles, $theme_name) {
    $additional_styles .= '.wpp-list li img.wp-smiley,.wpp-list li img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-0.1em !important;background:none !important;padding:0 !important}';
    return $additional_styles;
}
add_filter('wpp_additional_theme_styles', 'wpp_additional_css_rules', 10, 2);