Ver Mensaje Individual
  #9 (permalink)  
Antiguo 10/03/2011, 16:11
Avatar de tranzorx
tranzorx
 
Fecha de Ingreso: marzo-2008
Mensajes: 114
Antigüedad: 16 años
Puntos: 7
Respuesta: Cambiar el fondo general a una plantilla.

Hola de nuevo.
Sin ánimo de abusar, he vuelto a editar la plantilla (menos mal que es de pago).
La idea es añadirle anchura al "container div" para que no quede tanto espacio muerto en los laterales.

Lo estoy haciendo en localhost para no meter la pata.
Me ha salido todo perfecto editando el style.css con el DreamWeaver.

El único problema que no he podido solucionar hasta ahora es el head, donde está la foto del logotipo de la tienda y la barra de búsqueda.

He pasado de 790 a 1050 píxeles de ancho.
Tengo preparada la nueva imagen con el nuevo tamaño, pero no consigo configurar la caja para insertarla.

Así es como tengo el proyecto, con el logo mucho más pequeño que el contenedor.




La cuestión sería dejar espacio para insertar la nueva imagen logo.jpg, y desplazar la barra de búsqueda a la derecha.

Aquí pego el archivo style.css. Las partes comentadas en mayúsculas son las que yo he estado cacharreando para ajustar el nuevo ancho.
Lo he cortado hasta las "Thumbnails" porque no me entraba en el mensaje del foro.

Muchas gracias.


Cita:
/*
Theme Name: Ecommerce Theme-Pink
Author URI: http://ecommercethemes.com/
Version: 2.0
Author: Cory Miller
Description: Ecommerce Theme is a highly customizable WordPress theme for powering online stores.
All the CSS, XHTML and design is copyrighted. Please don't steal.
*/

html, body { margin: 0; padding: 0; }

body {
background: #f030a3 url(images/background.gif) top center repeat;
color: #666;
font-size: 12px;
font-family: Georgia, Times New Roman, Sans-Serif;
text-align: center;
}

body * {margin: 0px; padding: 0px;}

.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

/*********************************************
Link Styles
*********************************************/
a {
color: #f030a3;
text-decoration: underline;
}
a:hover { color: #000; text-decoration: underline; }

/*********************************************
Text Elements
*********************************************/
p, ul, ol, blockquote {color: #333;}
ol, ul {
margin: 5px 135px;
}
blockquote {
margin: 5px 0px 5px 10px;
padding: 0px 0px 0px 10px;
border-left: 1px solid #999;
}
img { border: 0px; background: none; }
p {
padding: 10px 0px;
margin: 0px;
}
/*********************************************
Header Styles
*********************************************/
h1 { /* This style used as title on single posts and pages */
font-size: 20px;
padding: 10px 0px 5px 0px;
margin: 0px;
color: #000;
text-decoration: none;
text-align: center;
}
h1 a {
color: #000;
text-decoration: none;
}
h1 a:hover {
text-decoration: underline;

}
h2 { /* This style used as header in the sidebars */
background: #fff;
font-size: 16px;
color: #000;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 0px;
font-weight: bold;
}

h3 { /* This style used as the post titles on homepage/archive */
font-size: 20px;
padding: 10px 0px 5px 0px;
margin: 0px;
color: #000;
text-decoration: none;
}
h3 a {
}
h3 a:hover {
}
h4 { /* This style used as title for comments and as the identifying header on archive page */
font-size: 18px;
padding: 10px 0px 5px 0px;
margin: 0px;
color: #666;
text-decoration: none;
border-bottom: 1px solid #999;
}
h5 { /* This style used for the product price */
font-size: 15px;
color: #cc0000;
text-decoration: none;
padding: 5px 0px 5px 0px;
}
h6 { /* This style used for second product price */
font-size: 15px;
color: #1a75cf;
text-decoration: none;
padding: 5px 0px 5px 0px;
}

/*********************************************
Container Div
*********************************************/
#container {
background: #fff;
border: 1px solid #fff;
text-align: left;
margin: 20px auto;
/* width: 790px; ANCHO CONTENEDOR ORIGINAL */
width: 1050px;
padding: 0px;
}
#toptag {
display: block;
background: #000;
color: #fff;
margin: 0px auto; padding: 10px;
text-align: center;
letter-spacing: 6px;
text-transform: uppercase;
}

/*********************************************
Header Styles
*********************************************/
#header {
border: 0px solid black;
background: #ffffff url(images/logo.jpg) no-repeat;
margin: 0px;
padding: 0px;
width: 790px; height: 95px;
display: block;
position: relative;
}
#header h1, #header h1 a {
display: block;
width: 405px; height: 45px;
text-indent: -9999px;
overflow: hidden;
}
#header h2 { /* This style used as header in the sidebars */
font-size: 18px;
color: #333;
background: transparent;
margin: 0px;
padding: 0px;
font-weight: normal;
}
#header p {
margin: 0px;
padding: 0px 0px 5px 0px;
}
.headerleft {
width: 405px;
float: left;
margin: 0px;
padding: 15px;
}
.headerright {
width: 325px;
float: right;
margin: 0px;
padding: 45px 15px 15px 15px;
text-align: right;
}
/*********************************************
Feature
*********************************************/
#feature {
clear: both;
border: 0px solid black;
background: #fcbce2;
color: #000;
margin: 0px 0px 15px 0px;
padding: 20px;
display: block;
position: relative;
height: 165px;
}
#feature p {
color: #000;
margin: 0px;
padding: 0px 0px 10px 0px;
}
#feature h2 { /* This style used as header in the sidebars */
font-size: 23px;
color: #000;
background: #fcbce2;
margin: 0px 0px 5px 0px;
padding: 0px;
font-weight: normal;
}
#feature a {
color: #000;
text-decoration: underline;
}
#feature a:hover {
text-decoration: none;
}
#feature ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#feature ul li {
padding: 0px;
}
#feature ul li ul {
list-style-type: none;
padding: 0px;
margin: 0px 0px 10px 0px;
}
#feature ul li ul li {
padding: 0px;
margin: 0px 0px 0px 25px;
list-style-type: square;
}


#feature img { border: 0px; background: none; }
#feature .textwidget {
color: #fff;
margin: 0px;
padding: 0px 0px 10px 0px;
}

.featureleft {
background: #fcbce2;
width: 49%;
float: left;
margin: 0px;
padding: 0px;
}

.featureright {
background: #fcbce2;
width: 49%;
float: right;
margin: 0px;
padding: 0px;
text-align: left;
}
/*********************************************
Horizontal Navigation Styles
*********************************************/
#menu {
background: #000;
color: #FFF;
font-size: 12px;
text-align: left;
padding: 0px 0px;
margin: 0px;
display: block;
width: 100%;
}
#menu ul {
background: #de2795;
margin: 0px;
padding: 5px 0px;
}
#menu ul li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 5px 0px;
}
#menu ul li a {
color: #FFF;
background: #de2795;
padding: 5px 10px;
margin: 0px;
text-decoration: none;
}
#menu ul li a:hover {
color: #000;
text-decoration: none;
background: #fff;
}

/*********************************************
Home Thumbnails Div
*********************************************/