es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cambiar la fuente en HTML/CSS para el widget de tamaño medio.

04 Aug, 2023 Programación

Soy completamente nuevo en la programación y acabo de utilizar la herramienta de Pixelpoint para generar un widget que muestra mis artículos de Medium en mi sitio web. Sin embargo, la fuente del widget (títulos, descripciones, nombres, etc.) parece estar en Times New Roman. ¿Hay alguna forma de cambiar esto a Arial? El código que generé es el siguiente:

<div id="medium-widget"></div>
<script src="https://medium-widget.pixelpoint.io/widget.js"></script>
<script>
MediumWidget.Init({renderTo: '#medium-widget', params: {"resource":"https://medium.com/@redacted","postsPerLine":1,"limit":10,"picture":"small","fields":["description","author","claps","publishAt"],"ratio":"landscape"}})
</script>

Además, parece haber una barra de desplazamiento horizontal en este widget después de importarlo a mi sitio web de Google Sites. ¿Cómo puedo deshacerme de eso? ¡Gracias!

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para cambiar la fuente del widget a Arial, puedes agregar algunos estilos CSS a tu página web, apuntando específicamente a los elementos dentro del widget. Puedes agregar el siguiente código CSS a la sección <head> de tu página:

    #medium-widget {
  font-family: Arial, sans-serif;
}

.medium-widget-post-title {
  font-family: Arial, sans-serif;
}

.medium-widget-post-description {
  font-family: Arial, sans-serif;
}

.medium-widget-post-author {
  font-family: Arial, sans-serif;
}

    Esto cambiará la fuente del widget, los títulos de las publicaciones, las descripciones y los nombres de los autores a Arial.

    Para deshacerte de la barra de desplazamiento horizontal, puedes agregar el siguiente código CSS a tu página web:

    #medium-widget {
  overflow-x: hidden;
}

    Esto ocultará la barra de desplazamiento horizontal y evitará que los usuarios se desplacen horizontalmente dentro del widget.

Comments are closed.