puedo cambiar estas etiquetas??  

 
Oscar
 Oscar
Estimable Member

Buenas de nuevo, me gustaria quitar las etiquetas de los productos que vienen en amaltea, y poner las de calisto, son mas bonitas, y la verdad dan otro aspecto.

Me refiero a las indicadas en las capturas.

Nuevo
rebajado (en amaltea)

Nuevo
oferta (en calisto)

URL del sitio: Contenido solo visible a usuarios registrados

Salu2
Gracias.

Citar
Respondido : 24/08/2017 9:55 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Prueba a copiar el siguiente código en el fichero: /themes/Amaltea/css/customuser.css

.new-box, .sale-box {
  height: 95px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: -4px;
  width: 85px;
  z-index: 0;
}

.sale-label {
  background: #f13340 none repeat scroll 0 0;
  color: white;
  display: block;
  font-size: 14px;
  padding: 5px 0;
  position: absolute;
  right: -33px;
  text-align: center;
  text-transform: uppercase;
  top: 14px;
  transform: rotate(45deg);
  width: 85px;
  z-index: 1;
}

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

ResponderCitar
Respondido : 25/08/2017 3:33 am

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

Oscar
 Oscar
Estimable Member

Buenas, me queda asi, adjunto captura, si me pudieras decir para ir moviendolo, y solo sale la etiqueta roja, no la azul, de calisto.

Salu2
Gracias.

ResponderCitar
Respondido : 25/08/2017 1:06 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente código CSS

body:not(.product) .new-box,
body:not(.product) .sale-box{
    position: absolute;
    overflow: hidden;
    height: 85px;
    width: 85px;
    text-align: center;
    z-index: 0;
}

body:not(.product)  .new-box{
  top:-11px;
  left:-1px;
}

 
body:not(.product) .sale-box{
  top:-11px;
  right:-1px;
}
 
body:not(.product)  .sale-label {
  background: #f13340 none repeat scroll 0 0;
  color: white;
  display: block;
  font-size: 14px;
  padding: 5px 0;
  position: absolute;
  left: 22px;
  text-align: center;
  text-transform: uppercase;
  top: 6px;
  transform: rotate(45deg);
  width: 85px;
  z-index: 1;
}


body:not(.product)  .new-label {
    font-size: 12px;
    color: white;
    background: #0089C3;
    text-transform: uppercase;
    padding: 4px 0 4px;
    width: 130px;
    text-align: center;
    display: block;
    position: absolute;
    left: -33px;
    top: 16px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.new-label{
  background: #0089C3;
}

Coloca este código al final del archivo :
/themes/Amaltea/css/customuser.css

Esto cambia el aspecto en el listado ya que en el detalla de producto hay funcionalidad adicional

Saludos.

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

ResponderCitar
Respondido : 25/08/2017 6:51 pm

Cursos Gratuitos WordPress

Oscar
 Oscar
Estimable Member

Perfecto, funciona el ultimo codigo, pero hay un pequeñin problema, y es que la etiqueta roja, es diferente a la azul, y me gustaria que fueran iguales, mas que nada por estetica, si te fijas, la roja y azul que estan juntas en diferentes productos, no concuerdan y la roja es mas pequeña.
He estado trasteando los valores, pero nada, no consigo que queden igual.
Que valores meto?

Salu2
Gracias.

ResponderCitar
Respondido : 26/08/2017 1:14 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Oscar,

En el estilo CSS indicado prueba a cambiar el padding:

padding: 1px 0 1px;

Haz copia de seguridad antes de aplicar cambios en estilos, porque luego, después de muchos cambios, si quieres volver atrás ni te acordarás de que estilos nativos tenia el archivo css.

Saludos

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

ResponderCitar
Respondido : 27/08/2017 2:45 am

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

Oscar
 Oscar
Estimable Member

Buenas, adjunto imagen, lo que quiero es saber como alargar un poco la etiqueta roja, para que toque la parte superior, ya he tocaco el padding, y es la anchura de la etiqueta, y he tocado todos los valores que adjunto en imagen.

Salu2
Gracias.

ResponderCitar
Respondido : 27/08/2017 10:37 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Estaba revisando para ver como podíamos solucionarlo y al recargar veo que cambiaste las etiquetas por la que tenia originalmente la plantilla.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 27/08/2017 3:24 pm

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

Oscar
 Oscar
Estimable Member

No se que quieres decir, no he cambiado nada

Salu2
Gracias.

ResponderCitar
Respondido : 27/08/2017 4:16 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Lo que quería decirte es que las etiquetas son las de la plantilla original, las que añadiste con las modificaciones no se muestran:

Las etiquetas están definidas para que el background tenga un tamaño igual al texto por eso la etiqueta del porcentaje es más pequeña que la otra.

Una cosa que se podría probar es aumentar el margen del texto del de etiqueta del porcentaje, si quieres que lo veamos dejalo como estaba y veremos si podemos solucionarlo.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 28/08/2017 12:51 pm

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

Oscar
 Oscar
Estimable Member

efectivamente, en unos sitios me sale de una manera y en otros como adjuntas.

Salu2
Gracias.

ResponderCitar
Respondido : 30/08/2017 5:48 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El código que te envío sólo funciona en la lista de productos, esto es por la naturaleza de la estructura del theme. En el detalle de producto no funcionará

Para hacerlo un poco más grande la etiqueta roja, cambia el código que te envíe por el código siguiente:
verás que se agregó width y se cambió el top y left

body:not(.product)  .sale-label {
  background: #f13340 none repeat scroll 0 0;
  color: white;
  display: block;
  font-size: 14px;
  padding: 5px 0;
  position: absolute;
  left: -12px;
  text-align: center;
  text-transform: uppercase;
  top: 18px;
  transform: rotate(45deg);
  width: 85px;
  z-index: 1;
  width:140px;
}

Saludos.

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

ResponderCitar
Respondido : 30/08/2017 7:37 pm

Cursos Gratuitos WordPress

Oscar
 Oscar
Estimable Member

Perfecto, cambie unos terminos para ajustarlo, y todo a quedado ajustado.
Gracias.

Salu2
Gracias.

ResponderCitar
Respondido : 30/08/2017 8:45 pm

Por favor Iniciar Sesión o Registro