¿Personalizar ventana login emergente?

Vi Trendy Login pero es para sitios que requieren inicio de sesión. También vi Page Publishing pero parece que también requiere inicio de sesión.

Quiero personalizar este cuadro emergente moviendo cosas, añadiendo/quitando cosas, etc…

1 me gusta

Hola, puedes personalizar el panel de inicio de sesión con Making custom CSS changes on your site.
Espero que esto te ayude.

1 me gusta

Hola, yo también lo vi antes, pero todavía no pude averiguar lo del cuadro de inicio de sesión emergente :frowning:
¿Y eso se puede usar sin requerir el modo de inicio de sesión?

Una pregunta un poco complicada. Quiero cambiar el texto del cuadro emergente de inicio de sesión.
Actualmente estoy usando CSS para reemplazar el texto “Inicia sesión en tu cuenta” con “¡Inicia sesión o regístrate aquí!”.

.login-subheader {
  visibility: hidden;
}
.login-subheader:after {
  content:'Inicia sesión o regístrate aquí!';
  visibility: visible;
}

El problema es que el resultado es este, cuando debería estar a la izquierda como el texto original…

Pero eso es porque el original, “Inicia sesión en tu cuenta”, simplemente está oculto, no eliminado, por lo que lo que realmente está ahí es:

¿Hay alguna forma de cambiar directamente el HTML aquí en lugar de usar trucos de CSS extraños?

Busca el texto que deseas reemplazar aquí y cámbialo:

/admin/customize/site_texts

Más información:

2 Me gusta

¿Es eso solo cambiar texto, o puedo usar HTML en él?
EDITAR: después de probar una simple prueba de <b></b>, parece que no puedes usar HTML allí… así que necesito una mejor solución.

No, se eliminará el HTML.

https://meta.discourse.org/t/customize-any-text-in-discourse/36092/73?u=omarfilip

1 me gusta

No estoy seguro de cómo hacer saltos de línea con CSS entre palabras/frases, sin embargo. ¿Es eso posible? O poner en negrita ciertas palabras en una oración, etc.

Te recomendaría hacer un tutorial en algún lugar como CSS Tutorial

Si quieres hacer este tipo de cambios, necesitarás algunos conocimientos básicos.

1 me gusta

En realidad, lo único que no se eliminará son los saltos de línea, por lo que \u003cbr\u003e\u003cbr\u003e funcionará.

2 Me gusta

Ya he publicado algunos enlaces generales para ayudarte con el aprendizaje de CSS y la personalización de tu foro aquí:

1 me gusta

Hmm, ¿no me funciona?
qqq

Hola :wave:

Edita el texto en /admin/customize/site_texts

A este formato :arrow_down_small:
Screenshot 2024-03-27 at 12.26.57

Luego, añade lo siguiente a CSS.

.d-modal {
  &.login-modal {
    .login-subheader {
      white-space: pre-line;
    }
  }
}

Resultado

Screenshot 2024-03-27 at 12.30.39

3 Me gusta

¡Muchas gracias!

1 me gusta

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.