Como editar codigo ...
Avisos
Vaciar todo

Como editar codigo html en la web mediante firebug  

 
Alberto
 Alberto
Estimable Member

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:

http://represen-cp91.webprestashop.com/converse/index.php?id_category=8&controller=category&id_lang=4

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 28/01/2014 5:24 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 28/01/2014 6:24 pm

Cursos Gratuitos WordPress

Alberto
 Alberto
Estimable Member

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

ResponderCitar
Respondido : 28/01/2014 7:28 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola alberto,

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

Haz copia del archivo primero por seguridad.

Saludos

ResponderCitar
Respondido : 28/01/2014 7:47 pm

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

Alberto
 Alberto
Estimable Member

Gracias , voy a hacerlo saludos

ResponderCitar
Respondido : 28/01/2014 8:01 pm
Alberto
 Alberto
Estimable Member

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

ResponderCitar
Respondido : 28/01/2014 8:24 pm

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

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

ResponderCitar
Respondido : 28/01/2014 10:59 pm
Alberto
 Alberto
Estimable Member

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

ResponderCitar
Respondido : 29/01/2014 12:05 am

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

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

ResponderCitar
Respondido : 29/01/2014 1:51 am
Alberto
 Alberto
Estimable Member

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

ResponderCitar
Respondido : 29/01/2014 1:09 pm

Pablo Velasco
 Pablo Velasco
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;
}
ResponderCitar
Respondido : 29/01/2014 4:10 pm
Alberto
 Alberto
Estimable Member

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

ResponderCitar
Respondido : 29/01/2014 6:05 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 29/01/2014 8:23 pm
Alberto
 Alberto
Estimable Member

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

ResponderCitar
Respondido : 29/01/2014 10:16 pm

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