Cambiar aspecto HomePage plantilla JaTelline IV  

 
Jorge
 Jorge
Reputable Member

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/

Citar
Respondido : 10/06/2012 7:49 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

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

ResponderCitar
Respondido : 10/06/2012 11:26 pm

Cursos Gratuitos WordPress

Jorge
 Jorge
Reputable Member

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

ResponderCitar
Respondido : 13/10/2012 3:06 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Jorge,

Mi respuesta (hace 4 meses 😛 ) iba encaminada a indicarte como se pinta el fondo, mediante el uso de sprites o patterns y como localizarlo para sustituirlo por otro o por un fondo sólido, indicándote cual es el estilo que lo pinta en tu hoja CSS.

Saludos

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

ResponderCitar
Respondido : 13/10/2012 1:47 pm

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

Jorge
 Jorge
Reputable Member

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.

ResponderCitar
Respondido : 14/10/2012 1:56 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

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

ResponderCitar
Respondido : 14/10/2012 2:04 am

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

Jorge
 Jorge
Reputable Member

Gracias Luis. Ya hice lo que me indicaste y funcionó para la imagen gris de la columna de la derecha.

Por último, por favor indícame cómo puedo hacer lo mismo para la columna que te señalo en la captura.

Gracias.

ResponderCitar
Respondido : 14/10/2012 5:58 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

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

ResponderCitar
Respondido : 14/10/2012 4:30 pm

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

Por favor Iniciar Sesión o Registro