Hola. Quiero cambiar el aspecto de algunas secciones en el Home Page de la plantilla Ja Telline IV. Especificamente los que se ven trazados con finas lineas de color gris claro. Lo que busco es que el aspecto sea más pulcro y no tan recargado.
Adjunto una imagen señalando las zonas a las que me refiero.
Aclaro una vez más mis escasos conocimientos en esta materia, de tal manera que agradezco que me indiquen cual es la forma de manera detallada y de ser posible ilustrada.
Gracias.
URL del sitio: http://siluetay-cp28.webjoomla.es/
Hola Jorge,
El rallado de la parte inferior de tus artículos en realidad es una imagen llamada sprite, que lo que hace es que mediante css se replica en vertical y horizontal las veces necesarias para cubrir el área definida.
Se gestionar desde el archivo /templates/ja_teline_iv/css/template.css concretamente en el estilo:
#ja-container .main-inner1 { background: url("../images/stripe-bg-2.png") repeat scroll 0 0 #DDDDDD; margin: 0; padding: 2px; }
La imagen del sprite es:
- /templates/ja_teline_iv/images/stripe-bg-2.png
No olvides hacer copia de seguridad de los archivos antes de proceder con los cambios.
Saludos
Hola Luis. Estoy retomando este tema. Entiendo lo que me explicas pero aún no comprendo cual es la acción que debo ejecutar... debo borrar algo o suplantar alguna linea en el css???
Ayuda por favor
Gracias Luis. Esos cuatro meses de pausa fueron debido a la "tragedia" de la migración a Joomla! 2.5, y que gracias a Soporte logramos solventar... Ahora estoy retomando los temas que había dejado pendientes.
Entonces, qué debo hacer con el sprite? debo borrar la línea /templates/ja_teline_iv/images/stripe-bg-2.png ??? o qué debo hacer con ella?
Yo quiero suplantar todas esas rayitas grises y esas imagenes por un fondo blanco plano.
Hola Jorge,
Para que no se vea el fondo rallado (pattern) debes localizar el estilo que te comente arriba y comentar la linea tal como te la indico:
#ja-container .main-inner1 { /* background: url("../images/stripe-bg-2.png") repeat scroll 0 0 #DDDDDD; */ margin: 0; padding: 2px; }
Saludos
Hola Jorge
Debes cambiar el estilo CSS que te indica la imagen adjunta.
Lamentablemente tu sitio web tiene habilitado la compresión CSS, es decir no esta en modo desarrollador por lo que no puedo ver exactamente el archivo CSS en el cual se encuentra el estilo a modificar (ver flecha roja vertical)
Sin embargo con las indicaciones dadas una vez activado el modo desarrollador de tu plantilla podrás realizar los cambios.
Saludos.