Cómo centrar un tweet en WordPress

Categorías: WordPress
Etiquetas: ,
Cómo centrar un tweet en WordPress

Muchas veces cuando insertamos un tweet en WordPress nos gustaría que en vez de estar alineado a la izquierda (por defecto), esté centrado. Hoy os vamos a explicar como conseguirlo.

Por ejemplo si insertamos el tweet de NowThis sobre la bebida vegana hecha con chufas que ha causado indignación en Valencia (más info aquí: This is Horchata):

Nos da el siguiente código:

<blockquote class="twitter-tweet" data-lang="es"><p lang="en" dir="ltr">This new vegan milk uses African tradition and tiger nuts to create its sweet flavor <a href="https://t.co/2phOkGPx6G">pic.twitter.com/2phOkGPx6G</a></p>&mdash; NowThis (@nowthisnews) <a href="https://twitter.com/nowthisnews/status/1071948363552026625?ref_src=twsrc%5Etfw">10 de diciembre de 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Que hace que el tweet se muestre alineado a la izquierda:

Pero si al código le añadimos la clase:

tw-align-center

Para que quede así:

<blockquote class="twitter-tweet tw-align-center" data-lang="es"><p lang="en" dir="ltr">This new vegan milk uses African tradition and tiger nuts to create its sweet flavor <a href="https://t.co/2phOkGPx6G">pic.twitter.com/2phOkGPx6G</a></p>&mdash; NowThis (@nowthisnews) <a href="https://twitter.com/nowthisnews/status/1071948363552026625?ref_src=twsrc%5Etfw">10 de diciembre de 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Lo centrará automáticamente:

Rápido y sencillo. Pero hay que saberlo.

Salir de la versión móvil