Cómo cambiar el color del botón de registro

[hequaye (Henry Herbert)]

¡Hola a todos! Quiero saber cómo puedo personalizar mi botón de registro. Quiero cambiar el color solo de mi botón de registro a verde y no de todos los botones del encabezado.

Estoy en un foro alojado en Discourse, disculpen si esta es una pregunta para principiantes, soy muy principiante y he estado despierto toda la noche tratando de resolver esto.

Estoy usando el tema AIR.

[Steven]

¡Hola!

No estoy seguro del rango de opciones que tienes en los foros alojados, pero supongo que tienes la sección Personalizar en el panel de administración.

En tu tema, edita CSS/html y en Común agrega esto:

.d-header .sign-up-button {
    background: #48bb6a;
}

Si no funciona, es posible que necesites agregar !important para asegurarte de que este color tenga prioridad, de esta manera:

.d-header .sign-up-button {
    background: #48bb6a !important;
}

[hequaye (Henry Herbert)]

Hola @Steven, ¡gracias, funcionó! La cosa es que no vi ninguna variable de registro. Necesito familiarizarme con las variables para CSS y cómo encontrarlas en HTML. ¡Gracias!

[Steven]

Encontrar variables puede ser complicado. Lo que me ayudó mucho a progresar fue la función Inspect en los navegadores, puedes explorar el código y el CSS e intentar algunos cambios en vivo.

En este caso, los desarrolladores de Discourse agregaron una clase específica para los botones de registro e inicio de sesión, lo cual es útil.

Pero no dudes en preguntar aquí, la comunidad siempre intentará ayudar.

[hequaye (Henry Herbert)]

@Steven ¡¡¡Hombre, esto es genial!!! ¡¡¡Muchísimas gracias! ¡Mi botón de registro se puso verde!

Así que he usado la herramienta de inspección y me preguntaba si había alguna forma de cambiar el nombre del botón del menú “Todas las etiquetas” a algo como “Herramientas LFX” para mi caso de uso. Entiendo que puede que tenga que encontrar esto en HTML debido a lo basado en etiquetas que es todo el foro, ¿qué tan complicado crees que sería cambiar el nombre de la funcionalidad de etiquetas a herramientas?

[Steven]

Este texto en particular se puede editar en el panel de administración: Personalizar > Textos

Escriba esto en la barra de búsqueda: js.tagging.selector_all_tags
Y valide el texto

Pero para responder a su pregunta en un contexto general, editar un texto es factible pero complicado con CSS. Generalmente uso el selector de contenido en una clase ::before o ::after.

https://www.w3schools.com/cssref/sel_before.asp

Si no tuviéramos la posibilidad de editar el texto, no soy un experto, pero haría algo como esto.

Primero, oculto el texto todas las etiquetas:

summary.tag-drop-header .name {
    font-size: 0;
}

Luego, creo una nueva clase CSS, con contenido para agregar el texto que quiero, y necesito especificar el tamaño de fuente para anular la configuración anterior:

summary.tag-drop-header .name::after {
    content: "LFX Tools";
    font-size: 15px;
}