cambiar ancho de clase para un div en concreto  

 
Juan
 Juan
Reputable Member

Buenas tardes,
estoy implementando una clase que viene en la plantilla encelado. Lo que ocurre es que el cuadrado verde que presenta tiene toda la anchura de la página y no queda desde el punto de vista del diseño bien.
Quisiera reducir el ancho para que se ajustase al texto.
No encuentro la aopción para editar el ancho. Tampoco emcuentro dónde está ubicado el CSS de la plantilla.

Gracias

Contenido solo visible a usuarios registrados

Citar
Respondido : 02/02/2014 4:57 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Primero tienes que deshabilitar la compresión para poder detectar el código, te diriges a extensiones => gestor de extensiones => Encelado - Default => Avanzado => Compilador Less => No.

Saludos.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/02/2014 5:06 pm

Cursos Gratuitos WordPress

Juan
 Juan
Reputable Member

y una vez hecho esto, qué hago?

ResponderCitar
Respondido : 02/02/2014 5:12 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

En el siguiente artículo del Blog de Webempresa se explica el uso de Firebug, herramienta destinada a localizar cadenas de código, estilos, etc., desde tu navegador:

- https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

Firebug Lite for Google Chrome:
- https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

Fifebug Firefox:
- https://addons.mozilla.org/es-es/firefox/addon/firebug/

Saludos.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/02/2014 5:15 pm

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

Juan
 Juan
Reputable Member

ok gracias

ResponderCitar
Respondido : 02/02/2014 5:16 pm
Juan
 Juan
Reputable Member

cómo podría cambiar manualmente cada caja verde para ajustarla al texto? quiero decir, sobreescribir el ancho de la caja en concreto pero sin tocar la clase original
gracias

ResponderCitar
Respondido : 02/02/2014 5:36 pm

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

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Si es posible modificar la clase, te adjunto un ejemplo:

Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue.

Saludos.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/02/2014 6:08 pm
Juan
 Juan
Reputable Member

muchas gracias. Por último, me gustaría alinear los botonos al final del div. Estoy buscando en internet y veo la solución de &nbsp pero lo veo un poco chapuza. Tambien he visto la opción p {text-indent: 5px} pero cuando lo inserto lo que ocurre es que el botón se sale del caj´n verde. ¿ Cómo podría separar el botón amarillo hasta el final del div verde pero dentro de él?
gracias

ResponderCitar
Respondido : 02/02/2014 8:25 pm

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

Jordi Sala
 Jordi Sala
Miembro Admin

Hola Juan,

No atendemos consultas de CSS ni Programación en el foro, después de nuestra experiencia de varios años atendiendo consultas sobre Joomla nos encontramos que la mayoría de usuarios que quieren modificar CSS acaban "estropeando" sus webs o bien por hacer modificaciones que luego no funcionan en los diferentes navegadores o bien por hacer modificaciones que acaban empeorando el diseño original de la plantilla.

Creemos que los clientes que no tienen conocimientos de CSS es mejor que usen joomla, para sacarle más partido a los contenidos y funcionalidades que permite joomla o sus extensiones y no creemos que sea recomendable realizar cambios CSS, para ello recomendamos usar plantillas profesionales de los diferentes clubes que desarrollan plantillas para joomla y partiendo de una buena plantilla rara vez es necesario tener que cambiar CSS.

En todo caso, si prefieres cambiar CSS te recomendamos que aprendas a usar Firebug con el que podrás aprender a modificar CSS, aquí tienes un vídeo de ejemplo que le ayudará a utilizarlo:
https://www.webempresa.com/blog/usando-firebug-para-modificar-la-apariencia-de-una-plantilla-joomla.html

También te recomendamos estos libros gratuitos sobre CSS que te permitirán iniciarte en CSS, tienes el libro de introducción y el avanzado:
http://www.librosweb.es/

Podemos recomendarle que consulte disponibilidad, condiciones y coste con nuestras empresas colaboradoras, especializadas en personalizaciones para Joomla.
Aquí tiene el Directorio de Empresas colaboradoras de webempresa.com:
https://www.webempresa.com/directorio-colaboradores.html

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 03/02/2014 11:52 am
Juan
 Juan
Reputable Member

Tienes razón Jordi, cuando se utiliza una buena plantilla no es necesario cambiar nada. El problema es que cuando la clase cubre todo el ancho de la página, no queda nada bien como diseño, porque el texto no cubre toda la caja. Opciones, 1. no ponerlo .2 ponerlo pero no queda nada bien o 3. ponerlo e intentar cambiar el anccho que es lo que intento hacer. No tengo ningún interés en tocar el css..... muchas gracias de todas formas

ResponderCitar
Respondido : 03/02/2014 2:50 pm

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro