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>— 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:
This new vegan milk uses African tradition and tiger nuts to create its sweet flavor pic.twitter.com/2phOkGPx6G
— NowThis (@nowthisnews) 10 de diciembre de 2018
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>— 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:
This new vegan milk uses African tradition and tiger nuts to create its sweet flavor pic.twitter.com/2phOkGPx6G
— NowThis (@nowthisnews) 10 de diciembre de 2018
Rápido y sencillo. Pero hay que saberlo.