Avisos
Vaciar todo

Texto junto versión móvil  

 
CIPTA
 CIPTA
Usuario eminente

Buenas tardes,

Tengo una consulta que creo que es de CSS, pero no estoy 100% seguro :dry:

En la captura de imagen, la frase: "Tu carrito contiene: 2 productos", se pega mucho a "Resumen Carrito Compra".

Mirando en el código fuente de la página he visto que esta frase está asociada a esta porción de código:

Resumen Carrito Compra
Tu carrito contiene:
2 productos

Cuando miro en global.css, veo que la parte que define "heading-counter" es la siguiente:

.page-heading span.heading-counter, h3.page-product-heading span.heading-counter {
color: #747474;
text-transform: none;
font-size: 1.3rem;
position: absolute;
right: 40px;
top: 11px; }

Lo que he intentado es subir el "px" de la propiedad "top", pero la frase "Tu carrito contiene: 2 productos" no varía su posición ni un ápice.

¿Podríais echarnos una manillo por favor?

Muchas gracias 🙂

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 06/11/2017 5:35 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para ayudarte necesitamos ver el código HTML generado y CSS que se aplica y realizar pruebas con el inspector de código.

Actualmente tu sitio esta en mantenimiento y no podemos ver lo que comentas

Saludos.

ResponderCitar
Respondido : 06/11/2017 8:32 pm

Cursos Gratuitos WordPress

CIPTA
 CIPTA
Usuario eminente

Buenos días Jhon,

Muchas gracias por la rápida respuesta.

La página donde ocurre esto es:

https://zweibags.es/order

Desde el código fuente puedes acceder al CSS:

https://zweibags.es/themes/platinum/css/global.css

Tenemos la tienda visible solo para unos pocos países (España, Reino Unido, Alemania, y varios países más europeos) , pero puedo desactivarla del país que me indiquéis mientras realizamos estas pruebas. Si te parece puedes decírmelo por email, y así lo mantenemos confidencial.

Muchas gracias Jhon 🙂

ResponderCitar
Respondido : 07/11/2017 11:36 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Añade lo siguiente a tu archivo de estilos style.css:

@media (max-width: 480px) {
.page-heading span.heading-counter, h3.page-product-heading span.heading-counter {
position: inherit;
top: 1px;
margin-left: 55px;
}

}

Revisa los resultados y nos comentas.

Un saludo

ResponderCitar
Respondido : 07/11/2017 12:07 pm

CIPTA
 CIPTA
Usuario eminente

Hola Pepe,

Muchas gracias, problemas solucionado 🙂

Lo único es que un corchete de cierre se ha quedado fuera del cuadro que pusiste, y copie todo menos ese corchete, porque no lo vi, y luego me daba un error que no veía claro cómo solucionar :ohmy:

Pero al final todo ok 🙂

Muchas gracias de nuevo Pepe.

ResponderCitar
Respondido : 09/11/2017 11:44 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Ostras es verdad :unsure: disculpa.

Bueno una cosa mas para tachar de lo pendiente 😉
Cerramos el tema

Un saludo

ResponderCitar
Respondido : 09/11/2017 12:20 pm

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