Cómo hacer que los botones del foro sean redondeados en todos los temas

Buenas noches,

Estoy intentando hacer que todos los botones de mi foro tengan una forma más redondeada. He utilizado el CSS dentro de CSS/HTML:

.btn { border-radius: 5px; }

Esto funciona en la pestaña de vista previa, pero no funciona en el foro activo después de incluir el componente en estos temas.

Actualmente en el foro:

Después de usar CSS:

Aquí en Meta, usando el tema Fully, los botones están redondeados. Sin embargo, al usar este tema en mi foro, no lo están.

3 Me gusta

Prueba este Theme component

Este añadirá opciones para redondear otras cosas como citas, imágenes y más

6 Me gusta

¡Dios mío! ¡Siempre le digo a mis usuarios que usen la función de búsqueda antes de crear un tema!

¡Ahora soy culpable de lo mismo! Estaba buscando “botones redondeados”. Era más complicado de lo necesario. Debería haber buscado simplemente “botones”.

2 Me gusta

Bueno, usé este término de búsqueda.

"#theme-component Round"
1 me gusta

También puedes hacer

:root {
  --d-button-border-radius: 5px
}

o

:root {
  --d-border-radius: 5px; 
}

si realmente quieres esquinas redondeadas en todas partes.

3 Me gusta

Hmm… de nuevo, ambos solo parecen funcionar en modo de vista previa, incluso después de actualizar el foro e iniciar y cerrar sesión.

Herida abierta a la vista… ¿dónde está mi sal?

Quinto golpe:

Lo siento, amigo, no pude resistir la tentación :rofl:

1 me gusta

Después de instalar un componente y para aplicarlo, necesitas agregarlo a tus temas y luego actualizar la página.

Después de eso, debería ser visible, ya sea que hayas iniciado sesión o no.

La vista previa es solo para probar sin temas activos.

1 me gusta

¿Agregaste algún otro componente que también personalice los botones?

como Bordes Redondeados para Imágenes

1 me gusta

Lo siento, estaba respondiendo a la publicación de @awesomerobot con el CSS.

1 me gusta

Lo mismo ocurre al crear un componente personalizado. Después de guardarlo, necesitas agregarlo a tus temas.

Hecho también.

Solo estoy revisando la respuesta de @Moin y no veo nada que entre en conflicto con el componente personalizado. Le echaré un vistazo a fondo a “Estilo de botón de Discourse”. Ya tuve esto antes y, para ser honesto, había muchas casillas vacías y mi cerebro con TDAH no podía lidiar con eso, ¡jaja! Un simple CSS funcionaría para mí (si lo hiciera).

Sí, tengo esto. ¿Así que esto entra en conflicto con el componente personalizado?

Entonces, ¿tendré que crear manualmente CSS para los botones, el avatar y las imágenes que quiero/estoy buscando?

Hay una configuración button settings enabled, así que probablemente

1 me gusta

Tengo que asegurarme de revisar todas las opciones antes de pasar a otro componente.

Tanto

Intensidad de las esquinas del botón

Intensidad de las esquinas del cuadro de estilo de categoría

se establecieron en 0px.

¡Lamento perder el tiempo! ¡Pero buen trabajo en equipo!

1 me gusta

Esto es bueno. Creo que mi componente cubre la mayoría de los botones, pero no conocía este enfoque, gracias.

2 Me gusta

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