cambiar ancho de cl...
 
Avisos
Vaciar todo

cambiar ancho de clase para un div en concreto

10 Respuestas
3 Usuarios
0 Reactions
1,850 Visitas
 Juan
Respuestas: 286
Reputable Member
Topic starter
 

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


 
Respondido : 02/02/2014 4:57 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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.


 
Respondido : 02/02/2014 5:06 pm
 Juan
Respuestas: 286
Reputable Member
Topic starter
 

y una vez hecho esto, qué hago?


 
Respondido : 02/02/2014 5:12 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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:

-

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

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

Saludos.


 
Respondido : 02/02/2014 5:15 pm
 Juan
Respuestas: 286
Reputable Member
Topic starter
 

ok gracias


 
Respondido : 02/02/2014 5:16 pm
 Juan
Respuestas: 286
Reputable Member
Topic starter
 

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


 
Respondido : 02/02/2014 5:36 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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.


 
Respondido : 02/02/2014 6:08 pm
 Juan
Respuestas: 286
Reputable Member
Topic starter
 

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


 
Respondido : 02/02/2014 8:25 pm
Jordi Sala
Respuestas: 12058
Illustrious Member 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:

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


 
Respondido : 03/02/2014 11:52 am
 Juan
Respuestas: 286
Reputable Member
Topic starter
 

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


 
Respondido : 03/02/2014 2:50 pm