Antakarana Posted November 12, 2012 Share Posted November 12, 2012 (edited) Hola a todos! tengo un pequeño problema con un algunas páginas de productos donde el título se ve en parte oculto por el logo del fabricante tal y como se muestra en la foto. Alguien sabría decirme como retocarlo para que no se superponga? Gracias Edited November 12, 2012 by Antakarana (see edit history) Link to comment Share on other sites More sharing options...
nadie Posted November 12, 2012 Share Posted November 12, 2012 Hola a todos! tengo un pequeño problema con un algunas páginas de productos donde el título se ve en parte oculto por el logo del fabricante tal y como se muestra en la foto. Alguien sabría decirme como retocarlo para que no se superponga? Gracias Prueba meterle un margin-top ¿Url de tu tienda? Link to comment Share on other sites More sharing options...
Antakarana Posted November 12, 2012 Author Share Posted November 12, 2012 Prueba meterle un margin-top ¿Url de tu tienda? http://nutri-cosmetica.com Te paso el link de la captura para que lo veas en ese producto en cuestión: http://nutri-cosmetica.com/es/166-floralp-s-natura-estigma-de-ma%C3%ADz-infusi%C3%B3n.html# gracias! Link to comment Share on other sites More sharing options...
nadie Posted November 12, 2012 Share Posted November 12, 2012 Fichero: themes/warehouse/css/product.css Busca esto: #pb-left-column .product_title img { position: absolute; right: 0; top: 20px; } Y déjalo así: #pb-left-column .product_title img { position: absolute; right: 0; top: 44px; } Link to comment Share on other sites More sharing options...
Antakarana Posted November 12, 2012 Author Share Posted November 12, 2012 Gracias nadie, el problema al hacer eso es que ahora cuando el título es "corto" la imagen del fabricante queda en la esquina derecha al quedar 24 pixeles por debajo... Puedes verlo aquí: http://nutri-cosmetica.com/es/121-lr-labs-betavolum.html# Por ello me gustaría saber si hay alguna forma de aun manteniendo el logo en los 20px originales que el texto no se metiera por debajo. Gracias! Link to comment Share on other sites More sharing options...
nadie Posted November 12, 2012 Share Posted November 12, 2012 Al #pb-left-column .product_title img colocale un z-index: -1; y al #pb-left-column .product_title añadele un z-index: 1; Link to comment Share on other sites More sharing options...
Antakarana Posted November 12, 2012 Author Share Posted November 12, 2012 Parece que ahora lo que hace es que superpone el texto al logo, no? No era exactamente lo que buscaba pues yo quería que el logo y el texto se respetaran mutuamente, es decir que no se tocaran entre sí.... sabes si hay alguna forma de lograrlo? de lo contrario lo dejaré así como me dijiste.... gracias Link to comment Share on other sites More sharing options...
nadie Posted November 12, 2012 Share Posted November 12, 2012 Coloca un width al h1 del titulo del producto. Al #pb-left-column h1 Colocale: width: 298px; 1 Link to comment Share on other sites More sharing options...
Antakarana Posted November 12, 2012 Author Share Posted November 12, 2012 Ahora sí! Gracias Victor! Link to comment Share on other sites More sharing options...
nadie Posted November 12, 2012 Share Posted November 12, 2012 Ahora sí! Gracias Victor! Un placer ayudarte y servirte! Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro. Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso. Link to comment Share on other sites More sharing options...
Recommended Posts