Como editar codigo ...
 
Avisos
Vaciar todo

Como editar codigo html en la web mediante firebug

14 Respuestas
4 Usuarios
0 Reactions
2,491 Visitas
Respuestas: 204
Estimable Member
Topic starter
 

El problema que tengo es que quiero cambiar el tipo de letra " En rebajas" porque sale descuadrada, ya he cambiado líneas de código css mediante firebug pero en html no soy capaz, la duda es que en firebug no consigo ver o no identifica donde está alojado el código que quiero modificar en html.

Adjunto el enlace y una imagen para que lo vean:

restashop.com/converse/index.php?id_category=8&controller=category&id_lang=4

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 28/01/2014 5:24 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla Alberto

Puedes hacerlo con CSS

.product-container span.on_sale{
	display:block;
        font-size:2em;
	font-family:arial black;
}

Agrega este código en algún archivo CSS de tu template, por ejemplo template.css

Saludos.


 
Respondido : 28/01/2014 6:24 pm
Respuestas: 204
Estimable Member
Topic starter
 

Disculpa, no he entendido bien, ¿quieres decir que coloque ese código en cualquier archivo css y se colocará el texto "En Rebajas"?

Gracias Un saludo


 
Respondido : 28/01/2014 7:28 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola alberto,

En el archivo template.css de tu plantilla en uso.

Haz copia del archivo primero por seguridad.

Saludos


 
Respondido : 28/01/2014 7:47 pm
Respuestas: 204
Estimable Member
Topic starter
 

Gracias , voy a hacerlo saludos


 
Respondido : 28/01/2014 8:01 pm
Respuestas: 204
Estimable Member
Topic starter
 

He colocado el código en cada uno de los archivos template.css de mi plantilla converse y no se ha solucionado.

¿Porque podría ser?

Gracias


 
Respondido : 28/01/2014 8:24 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Alberto,

No veo el cambio reflejado

.content_prices {
    text-align: right;
}

Eso es porque el cambio debes hacerlo en el archivo products.css en la línea 617 y no en el que yo te indique, disculpa.

Saludos


 
Respondido : 28/01/2014 10:59 pm
Respuestas: 204
Estimable Member
Topic starter
 

Hola buenas, creo que ha habido otro malentendido de nuevo, sigo teniendo la duda, si dice que hay que modificar la línea 617 del archivo product.css, en dicha línea en el archivo aparece el mismo código que me han escrito en la última respuesta, es decir, este:
.content_prices {
text-align: right;
}

( creo éste código y este archivo corresponde a otro apartado del cual yo no quiero modificar)

Lo que yo quiero modificar es el texto " En rebajas" que está descuadrado, el cual os voy a adjuntar en la siguiente foto.

1º Uno de sus compañeros ( en la primera respuesta) me ha dicho que modifique con el siguiente código:

.product-container span.on_sale{
display:block;
font-size:2em;
font-family:arial black;
}

¿Qué archivo tengo que modificar y con que código y en que línea?

Muchas Gracias

Saludos


 
Respondido : 29/01/2014 12:05 am
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Alberto,

No creo que haya ninguna confusión al respecto, en el código que yo te he citado ¿has probado a añadir lo sugerido por Jhon?

	display:block;
        font-size:2em;
	font-family:arial black;

Probarlo y verificar si es correcto o no son apenas 2 minutos así que no creo que supongo mucho problema 🙂 ¿no?

Saludos


 
Respondido : 29/01/2014 1:51 am
Respuestas: 204
Estimable Member
Topic starter
 

Hola muy buenas,
He probado a colocar el código que me han dicho en el documento global.css de la plantilla converse (leoconv) y las letras salen demasiado grandes y el texto " En rebajas" sigue en la posición equivocada, el código era:

display:block;
font-size:2em;
font-family:arial black;

Adjunto la imagen para que lo vean:

Gracias y saludos


 
Respondido : 29/01/2014 1:09 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Actualmente veo correctamente el listado de productos. Supongo que has revertido el cambio. Debes editar el archivo themes/leoconv/css/global.css. Previa copia de seguridad del mismo agrega el siguiente código al final del todo:

.product-container span.on_sale{
	display:block;
        font-size:2em;
	font-family:arial black;
}

 
Respondido : 29/01/2014 4:10 pm
Respuestas: 204
Estimable Member
Topic starter
 

Disculpa pero no he revertido nada, en la respuesta anterior he dicho que he colocado el código que me han facilitado en el archivo que me han dicho y no se coloca el texto ! En rebajas! es más a parte de no colocarse se ven las letras 20 veces más grandes.

( El error está cuando el artículo se pone en rebajas , que se descuadra el texto !En rebajas!)

Vuelvo otra vez adjuntar la imagen, para que veaís que ese código no sirve .

Gracias


 
Respondido : 29/01/2014 6:05 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla Alberto

Debes haber agreado mal el código, cuando agrego el código al final de global.css, aparece tal como se muestra en la imagen:

Revierte los cambios que has hecho hasta ahora y sólo ubica el archivo global.css y agrega todo el código al final

Si tienes problemas envíanos una captura de como has agregado el código

Saludos.


 
Respondido : 29/01/2014 8:23 pm
Respuestas: 204
Estimable Member
Topic starter
 

Gracias Jhon, sale correctamente como tu me has dicho. 🙂


 
Respondido : 29/01/2014 10:16 pm