Como editar el separador de firmas mediante CSSTema Solucionado

[Bjorn]

Hola buenas noches, estoy modificando un foro, cambiando colores, etc.Junto este mesaje voy a dejar unas capturas de pantalla adjuntas para que sirvan de orientación por si no queda claro lo que quiero.
A la hora de poner una firma hay un separador que separa el texto de la firma, dicho separador para mi gusto es extremadamente largo y quería acortarlo para situarlo bien en el medio o el la izquierda, he logrado cambiarlo de color, pues tenia un color muy parecido al fondo que apenas se percibía, ¿ Sabe alguien como acortar y centrar dicha linea?
Un saludo

[AlfredoRamos]

Esa línea es un borde, y el borde ocupa el tamaño completo de su contenedor, así que para cambiarlo de tamaño tendrías que cambiar el tamaño del bloque (.signature) lo cual no quedaría bien.

Puedes hacerlo de dos maneras:

• Con un pseudo-elemento .signature::before
• Modificando la plantilla para añadir un tag <hr> que podrás modificar

Para hacerlo únicamente con CSS, elimina border-top de .signature y añade lo siguiente después de esa clase:

Código: Seleccionar todo

.signature::before {
	content: '';
	display: block;
	width: 75%;
	margin: 0 auto;
	border-top: 1px solid red;
}

Esto creará un borde (rojo) centrado (margin: 0 auto;) en el que podrás modificar su longitud (75%, relativo) sin cambiar el del contenedor.

[Bjorn]

Funcionó perfectamente, es realmente lo que quería. Mil gracias por ayuda @AbaddonOrmuz
Un saludo.

[J_Sparrow]

Marcamos la respuesta de @AbaddonOrmuz como la solución y así se cierra el tema.
Recuerda marcar la solución a una pregunta que hagas, para que se refleje en el Foro y el tema se cierre automáticamente. Si luego quieres añadir algo o volverlo a abrir, lo comentas por MP al Staff y lo abrimos de nuevo.