Hola a todos.
Tengo un problema con una plantilla "eShop Elegant Themes" que han actualizado la versión y al instalarla no puedo editar unas modificaciones de estilos que yo le había hecho a la antigua. El programador ha cambiado la estructura del style.css y ahora no encuentro los datos a editar.
He conseguido agrandar el marco de las miniaturas pero el interior del mismo donde aparece la imagen no puedo agrandarla.
El problema original es que la plantilla tiene las miniaturas apaisadas y por el tipo de producto que hay, necesito que sean en formato vertical.
Podéis ver el defecto en la
esta tienda.
Al pulsar sobre la miniatura de la home page también me aparece el problema, ya que he tenido que modificar la relación de aspecto de ambos.
El marco de los productos "big-overlay.png" lo he editado con Photoshop para que me cuadrase.
La primera "height: 321px;" corresponde al valor de la miniatura de la home, el segundo corresponde a la hoja del producto . Resaltados en
ROJO.
Muchas gracias por la ayuda.
Un saludo.
/*---[MAIN LAYOUT INFO]----*/
.container { text-align: left; width: 962px; margin: 0 auto; position: relative; }
#header { padding: 25px 0px 0px; background: #ffffff url(images/header-bottom-bg.png) repeat-x bottom left; height: 101px; }
img#logo { float: left; margin: 0px 23px 0px 0px; }
#search-bar { float: right; background: url(images/search-bg.png) no-repeat; width: 162px; height: 31px; margin-top: 21px; margin-right:6px; }
#search-bar #searchinput { background: none; border: none; float: left; margin: 7px 6px 0 0px; width: 112px; padding-left: 10px; font-size: 11px; font-family: Georgia, serif; color: #494949; }
#search-bar #searchsubmit { margin-top: 1px; }
#menu { position: absolute; bottom: -103px; left: 0px; background: url(images/secondary-menu.png) no-repeat; width: 961px; height: 98px; z-index: 10; }
h3#deals-title { font-size: 24px; text-transform: uppercase; color: #5f5e5e; padding-left: 25px; background: url(images/deals-bg.png) no-repeat bottom left; height: 47px; position: absolute; top: -15px; left: 27px; }
h3#deals-title span { background: url(images/deals-bg.png) no-repeat top right; padding: 14px 23px 17px 7px; display: block; }
#content { padding-bottom:20px; }
body#home #content { background: #f3f3f3 url(images/content-bg.png) repeat-x; }
body#home #content .container { padding: 52px 0px 0px; }
#content .container { padding: 60px 0px 0px; }
#scroller { position: relative; float: left; margin-bottom: 40px; }
#scroller a#left-arrow, #scroller a#right-arrow { display:block; width: 23px; height:35px; text-indent:-9999px; margin-top: 79px; float: left; }
#scroller a#left-arrow { background: url(images/left-arrow.png) no-repeat; margin-left:0px; margin-right:1px; }
#scroller a#right-arrow { background: url(images/right-arrow.png) no-repeat; margin-left: 14px; }
#scroller #items { float: left; width: 906px; }
#scroller .block { padding-left: 17px; height: 205px; }
#items .item { background: url(images/item-bottom-bg.png) no-repeat bottom left; padding-bottom: 28px; float: left; width: 208px; position: relative; margin-right: 17px; }
#items .item-top { background: url(images/item-top.png) no-repeat; height: 13px; }
#items .item-content { background: url(images/item-bg.png) repeat-y; min-height: 100px; padding: 7px 20px 2px; }
.item-content h4 { font-size: 16px; padding-bottom: 0px; }
.item-content h4 a:hover { text-decoration: none; }
#items .item a.more { position: absolute; bottom: -7px; left: 70px; }
.product span.tag, #items .item-content span.tag { color: #ede7c2; font-size: 22px; position: absolute; left: -15px; display: block; background: url(images/scroller-item-tag.png) no-repeat bottom right; padding-right: 11px; text-shadow: 1px 1px 1px #131212; }
#items .item-content span.tag { top: 18px; }
.product span.tag span, #items .item-content span.tag span { display: block; background: url(images/scroller-item-tag.png) no-repeat; padding-left: 9px; height:36px; padding-top: 9px; }
#main-area-bottom { height: 9px; background: url(images/content-bottom.png) no-repeat; }
#main-area { background: url(images/content-top.png) no-repeat; padding-top: 8px; }
#main-content { background: url(images/main-bg.png) repeat-y; padding: 0px 1px 15px 1px; }
#left-column { float: left; width: 720px; margin-top:-8px; }
#left-column .product { float: left; background: url(images/product-right.png) repeat-y top right; position: relative; }
.product .product-content { padding: 24px 23px 19px 24px; width: 193px; background: url(images/product-bottom.png) repeat-x bottom left; }
.product a.image { display: block; position: relative; }
.product a.image:hover { text-decoration: none; }
.product-content span.tag { bottom: 20px; }
.rounded { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border:2px solid #ebebeb; display:inline-block; overflow:hidden; width: 193px; height:
205px; margin-bottom: 10px; }
.product h3 { font-size: 24px; }
.product h3 a:hover { text-decoration: none; }
.product-content a.more { float: left; margin-left: 60px; }
span.band { position: absolute; top: -10px; right: -11px; display: block; width: 101px; height: 101px; }
span.onsale { background: url(images/band-onsale.png) no-repeat; }
span.buygetone { background: url(images/band-buygetone.png) no-repeat; }
span.outofstock { background: url(images/band-outofstock.png) no-repeat; }
#left-column .last { background: none !important; }
#breadcrumbs { padding: 10px 5px 31px 4px; font: italic 12px Georgia, serif; color: #4e4d4d; text-shadow: 1px 1px 1px #ffffff; }
#breadcrumbs .sep { background:url("images/breadcrumbs_separator.png") no-repeat; display:inline-block; height:7px; margin:1px 1px 0 3px; width:4px; }
#breadcrumbs a { color: #807f7f; }
#breadcrumbs a:hover { text-decoration: none; color: #4e4d4d; }
.post { padding: 38px 50px 34px 42px; position: relative; }
.post ul { list-style-type: disc; margin: 10px 0px 10px 20px; }
.post ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
.post ul li ul, .post ul li ol { margin: 2px 0px 2px 20px; }
.post ol li ul, .post ol li ol { margin: 2px 0px 2px 35px; }
#product-slider { float: left; width: 298px; margin: 0px 25px 10px 0px; }
#product-slides { margin: 0px 0px 7px; }
.item-slide { position: relative; }
.item-slide .overlay { background: url(images/big-overlay.png) no-repeat; display:block; height:
321px; width:298px; position: absolute; top: 0px; left: 0px; }
#product-thumbs a { display: block; position: relative; float: left; margin-right: 6px; }
#product-thumbs a .overlay { background: url(images/overlay-sprite.png) no-repeat; display: block; width: 69px; height: 69px; position: absolute; top: 0px; left: 0px; }
#product-thumbs a.active .overlay, #product-thumbs a:hover .overlay { background: url(images/overlay-sprite.png) bottom left; }
.product-info { float:right; width:304px; }
p.post-meta { color: #990f0f; font: italic 14px/24px Georgia,serif; padding-bottom: 20px; }
p.post-meta a { color: #930000; font-weight: bold; }
span.price-single { background: url(images/price-single.png) no-repeat top right; padding-right: 13px; display: block; float: left; color: #ffffff; font-size: 30px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); margin: 0px 16px 0px 0px; }
span.price-single span { display: block; padding:11px 0 6px 12px; background: url(images/price-single.png) no-repeat top left; }
a.addto-cart { float: left; background: url(images/addto-cart.png) no-repeat top right; padding-right: 13px; display: block; color: #ffffff !important; font-size: 30px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); text-transform: uppercase; }
a.addto-cart span { display: block; padding:11px 0 6px 48px; background: url(images/addto-cart.png) no-repeat top left; }
a.addto-cart:hover { text-decoration: none; }
div.description { font-style: italic; font-size: 14px; margin: 15px 0px 0px; }
div.hr { background: url(images/hr-bg.png) no-repeat; height: 1px; width: 720px; margin: 28px 0px 28px -42px; }
.post h2 { font-size: 28px; margin-bottom: 8px; }
.post a { color: #9c260e; }
.related { padding: 35px 0px 0px; }
.related-items { background: url(images/hr-bg.png) no-repeat; margin: 0px -50px 0px -42px !important; list-style-type: none !important; }
.related-items li { float: left; width: 360px; background: url(images/hr-bg.png) no-repeat bottom left; }
.related-items a { display: block; background: url(images/relatedbg-right.png) repeat-y top right; padding: 10px 5px 9px 52px; min-height: 52px; }
.related-items li.second a { background: none; padding-left: 12px; }
.related-items a:hover { text-decoration: none; }
.related-items img { padding: 3px; border: 1px solid #e2e2e2; background: #ffffff; float: left; margin-right: 17px; }
.related-items span { color: #303030; font-size: 18px; float: left; width: 225px; padding-top:7px; }
div.dnone { display: none; float: left; }
#product-slides { height:
321px !important; position:relative !important; width:298px !important; }
#footer { margin-top: 24px; }
#footer p#copyright { text-align: right; color: #807f7f; text-shadow: 1px 1px 1px #ffffff; font-size: 11px; padding-right: 10px; }
#footer p#copyright a { font-weight: bold; font-style: italic; }
/*---[DROPDOWN MENU]--*/