Modificar css Stylo

doymaspormenos · #1 (**permalink**) 26/03/2015, 07:22

Buenos días.

Soy nuevo en css html. Estoy tratando d modificar el tamaño del boton add to cart y el texto de coste del envío tanto color fuente y dimensión de las web que adjunto http://goo.gl/3rQJ5J

Mi problema surge que al usar el firebug me da que el archivo a modificar esta localizado en xxx/theme/cache .Entiendo que en /cache no puede ser que sea el archivo a modificar.

Agradeceré si alguien es tan amable de ayudarme con el procedimiento para detectar el archivo que debo modificar

Salu2

fede5426 · #2 (**permalink**) 26/03/2015, 07:35

Utiliza el inspector de elementos. (Click derecho, inspeccionar elemento)

Saludos

doymaspormenos · #3 (**permalink**) 26/03/2015, 07:41

Hola. Inspecciono el elemento. si Te fijas
https://www.dropbox.com/s/vf2o8bv4ipj0hhk/Captura%20de%20pantalla%202015-03-26%2014.43.50.png?dl=0

No quiero modificar la imagen quiero localizar style digamos el css pero si te fijas
https://www.dropbox.com/s/irf3pj3cs3sjq5g/Captura%20de%20pantalla%202015-03-26%2014.45.04.png?dl=0

La url para buscar el archivo a modificar es el que sale aquí.
https://www.dropbox.com/s/6a0r4195db62mbh/Captura%20de%20pantalla%202015-03-26%2014.46.23.png?dl=0 veo que es la cache..

Me explico ?

Salu2 y gracias de antemano

fede5426 · #4 (**permalink**) 26/03/2015, 10:47

En la raiz de esa web, no hay una carpeta que se llame "css"?
Por lo general se guardan los archivos de estilos ahi.

AngelKrak · #5 (**permalink**) 26/03/2015, 11:27

aqui esta el CSS amigo >_< nose porque esta en cache pero ahi lo pusieron >_<
http://seduci2.com/themes/leo_dress_...38e14e_all.css

doymaspormenos · #6 (**permalink**) 26/03/2015, 13:12

Cita:

Iniciado por fede5426

En la raiz de esa web, no hay una carpeta que se llame "css"?
Por lo general se guardan los archivos de estilos ahi.

Hola si pero no logro encontrarlo..

Gracias de todos modos..!

AngelKrak · #7 (**permalink**) 26/03/2015, 13:29

fijate que ahi aqui en esta partee amigo, porque no aparece nada en la web :/ talves ese es el CSS que buscas, ya que solo dice esto por la web:

Código CSS:

Ver original/* customize for 0 */ 
 
/* customize for body */ 
 
/* customize for 1 */ 
 
/* customize for 2 */ 
 
/* customize for 3 */ 
 
/* customize for 4 */ 
 
/* customize for 5 */ 
 
/* customize for 6 */ 
 
/* customize for 7 */ 
 
/* customize for topbar */ 
 
/* customize for header-main */ 
 
/* customize for pav-mainnav */ 
 
/* customize for footer-top */ 
 
/* customize for footer-center */ 
 
/* customize for powered */ 
 
/* customize for product */ 
 
/* customize for modules */ 
 
/* customize for highlighted-modules */

http://seduci2.com/themes/leo_dress_...ize/test33.css

pzin · #8 (**permalink**) 26/03/2015, 15:14

Usa la pestaña sources de las herramientas de desarrollo en Chrome:

PHPeros · #9 (**permalink**) 27/03/2015, 01:49

Yo uso la pestaña "Network" y luego filtro las hojas de estilo.

Venga, hablemos del debugger de Chrome

doymaspormenos · #10 (**permalink**) 27/03/2015, 04:56

Hola,

Gracias por la respuesta. Lamentablemente sigo sin econtrar el ccs a modificar

Gracias de todos modos..!!

AngelKrak · #11 (**permalink**) 27/03/2015, 07:34

ya te di 2 opciones doymaspormenos ;) trata de ver cual es ;)

NueveReinas · #12 (**permalink**) 27/03/2015, 07:52

Cita:

Iniciado por PHPeros

Yo uso la pestaña "Network" y luego filtro las hojas de estilo.

Venga, hablemos del debugger de Chrome

Me encanta el "Toggle device mode", ¿qué opinas sobre eso?

PHPeros · #13 (**permalink**) 27/03/2015, 08:25

Cita:

Iniciado por NueveReinas

Me encanta el "Toggle device mode", ¿qué opinas sobre eso?

Whoa! Eso ya es ver el futuro en colores

PD: Si te refieres al emulador, muy útil, sin lugar a duda

pzin · #14 (**permalink**) 27/03/2015, 08:54

¿No has probado el auditor? xD

doymaspormenos · #15 (**permalink**) 28/03/2015, 07:54

Hola,

Soy bastante nuevo en esto. Pero desde el auditor tampoco encuentro el archivo.

Seguiré intentando, Los únicos debugger que utilizo son para reversing

inieva · #16 (**permalink**) 01/04/2015, 08:59

Prestashop tiene opciones para mejorar la carga del sitio combinando y cacheando las hojas de estilo entre otras cosas. No busques lo que tenes que modificar por el navegador búscalo dentro del código o revisa la configuración de la plataforma primero.