Estilos en editor de texto  

 
David
 David
Prominent Member

Buenos días,
Hace relativamente poco instalamos una nueva plantilla en una de nuestras webs. El editor de texto en el backend tiene un parámetro llamado STYLES (adjunto captura) que tiene preconfiguradas una serie de resaltados y cajas. Lo cual ayuda mucho a hacer textos más fluidos.

Hemos intentado eso mismo en otras de nuestras webs, pero los estilos (ese menú de estilos) está vacio. Nos gustaría integrar "la caja azul" que os adjunto en capturas u otras parecidas para que salgan directamente en Styles y nuestros redactores puedan utilizarlas de modo preconfigurado.

Ocurre lo mismo con el parámetro comillas. En esta web nueva es más moderno y no sabemos si existe modo de copiar ese estilo predeterminado al resto de webs para que salga así por defecto.

Muchas gracias de antemano

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 27/08/2019 12:01 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Podrías utilizar los estilos de joomla para mostrar avisos.

por ejemplo para mostrar aviso con fondo azul puedes utilizar la clase " alert-info "

Tu texto.........

Para los avisos en rojo:

...

Avisos en Verde:

...

Tienes que añadir las clases desde la opción de código del editor de textos.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 27/08/2019 12:58 pm

Cursos Gratuitos WordPress

David
 David
Prominent Member

Muchas gracias Pepe,

Ya he hecho alguna prueba. Me asaltan dos dudas al respecto.

1. ¿Podría elegir el color de verde que quiero para acercarlo más a nuestro color corporativo?
2. Podría hacer que me saliera en "Style" del editor para que los redactores puedan hacerlo de un modo más rápido sin usar código?

ResponderCitar
Respondido : 29/08/2019 1:02 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

¿Podría elegir el color de verde que quiero para acercarlo más a nuestro color corporativo?

Si, seria solo cambiar el color de esa clase.

Podría hacer que me saliera en "Style" del editor para que los redactores puedan hacerlo de un modo más rápido sin usar código?

Se podría utilizar la opción de " Color de fondo "
.- Selecciona el texto que quieres resaltar y pulsa en el icono de color de fondo:

Para darle un poco de estilo añade lo siguiente a tu archivo de estilos CSS:

.fcitems p span {
    padding-top: 0.5em!important;
    padding-left: 1em!important;
    padding-right: 1em!important;
    padding-bottom: 0.5em!important;
    border-radius: 0.5em;
}

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 29/08/2019 1:48 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

David
 David
Prominent Member

Hola David.

¿Podría elegir el color de verde que quiero para acercarlo más a nuestro color corporativo?

Si, seria solo cambiar el color de esa clase.

¿cómo?

ResponderCitar
Respondido : 29/08/2019 1:59 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Añade lo siguiente al archivo custom.css:

.alert-success {
    .alert-success {
    background-color: #1818;
    color:#fefefe;
}
}

La etiqueta " background-color " le indica el color de fondo y la etiqueta " color " le indica el color del texto.

En este enlace tienes una tabla de colores:
-> https://htmlcolorcodes.com/es/tabla-de-colores/

Si no quieres modificar el color de los avisos de joomla puedes crear una clase:

.green_box {
    background: #1818;
    color: #fff;
    font-weight: 300;
    padding: 16px 16px 16px 22px;
}

Puedes añadirlo directamente al archivo custom.

Lugo solo sería añadir esa clase al texto:

tu texto...........

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 29/08/2019 2:48 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

David
 David
Prominent Member

Muchísimas gracias Pepe. La información me ha sido de gran utilidad.

ResponderCitar
Respondido : 30/08/2019 10:51 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Nada, como siempre un placer poder ayudaros.
Cerramos el tema

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 30/08/2019 11:16 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Por favor Iniciar Sesión o Registro