[AJUDA] Editar a largura do meu template.

kHanONE · 15/05/2013

Hola a todos betas, estoy realizando una página web y me he topado con un "bache", no consigo editar el ancho del template, no sé si es porque se trata de una plantilla con el modo "Responsive" o que es lo que pasa... La web en cuestión es esta A ver si hay suerte y encontráis la parte del css en la que tengo que modificar esto... Sería un tamaño de 900px aproximadamente, de forma que se visualizara correctamente en monitores con resolución de 1024px. Un saludo y gracias de antemano :encouragement:

EDITO:

He cambiado el template por otro que se ajustaba mejor a las medidas solicitadas, sin embargo me surge otro problema, esta vez en el menú principal.

Como podéis observar en la siguiente imagen, el menú se queda por encima del slideshow, he estado mirando el css y tampoco doy con el código necesario para modificarlo, me gustaría que se mostrase más hacia arriba, sin que tocase. ¿Alguna solución? Gracias betas.

URL

BuyHostingWeb · 15/05/2013

edita en tu css: http://tecnotac.es/wp-content/themes/flexform/style.css
y en container en vez de:

HTML:

#container {
	position: relative;
	width: 80%;
	padding-left:-45px;
	padding-right:
	text-align:center;
}

, dejalo así

HTML:

#container {
	position: relative;
	width: 900px;
	padding-left:-45px;
	padding-right:
	text-align:center;
}

nicorto · 15/05/2013

creo que es #container width: 100%; y quítale el padding-left y padding-right

O así

Inserir CODE, HTML ou PHP:

#container {
width: 1300px;
}

kHanONE · 15/05/2013

jose disse:
edita en tu css: http://tecnotac.es/wp-content/themes/flexform/style.css
y en container en vez de:

HTML:

#container { position: relative; width: 80%; padding-left:-45px; padding-right: text-align:center; }

, dejalo así

HTML:

#container { position: relative; width: 900px; padding-left:-45px; padding-right: text-align:center; }

Al insertar ese código, los menús se desplazan y no se centran... pero no sólo los menús, el resto de la página :S
Alguna solución?

nicorto · 15/05/2013

kHanONE · 15/05/2013

nicorto disse:
creo que es #container width: 100%; y quítale el padding-left y padding-right

O así

Inserir CODE, HTML ou PHP:

#container { width: 1300px; }

Poniendo el primero que me comentas consigo que la página salga con estilo "Wide", yo quiero el estilo "Boxed" con un fondo. El problema está ahora en que la página se hace más pequeña pero los widgets del footer, y el contenido en general se desplazan y no se quedan centrados :fatigue:

nicorto · 15/05/2013

lo siento no vi que querías de 900px de ancho

---------- Post agregado el 15-may-2013 hora: 09:47 ----------

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/style.css

Inserir CODE, HTML ou PHP:

#container {
position: relative;
width: 900px;
}

este lo encuentras dentro de

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css

Inserir CODE, HTML ou PHP:

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 900px;
}

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css

Inserir CODE, HTML ou PHP:

.row {
margin-left: 1px;
}

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/style.css

Inserir CODE, HTML ou PHP:

.logo-left .nav-wrap {
float: left;
}

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/style.css

Inserir CODE, HTML ou PHP:

.page-heading {
text-align: left;
}

así se ve con esta edición Tecnotac | Plastic Shoe Components | ¡Hola mundo! | Awesome Screenshot

agrego también

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css

Inserir CODE, HTML ou PHP:

.span3 {
width: 260px;
}

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/style.css

Inserir CODE, HTML ou PHP:

#copyright {
padding: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: auto;
overflow: hidden;
font-size: 12px;
border-top: 0 solid transparent;
}

---------- Post agregado el 15-may-2013 hora: 10:03 ----------

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css

Inserir CODE, HTML ou PHP:

.span12 {
width: 880px;
}

kHanONE · 15/05/2013

nicorto disse:
lo siento no vi que querías de 900px de ancho

---------- Post agregado el 15-may-2013 hora: 09:47 ----------

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/style.css

Inserir CODE, HTML ou PHP:

#container { position: relative; width: 900px; }

este lo encuentras dentro de

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css

Inserir CODE, HTML ou PHP:

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 900px; }

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css

Inserir CODE, HTML ou PHP:

.row { margin-left: 1px; }

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/style.css

Inserir CODE, HTML ou PHP:

.logo-left .nav-wrap { float: left; }

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/style.css

Inserir CODE, HTML ou PHP:

.page-heading { text-align: left; }

así se ve con esta edición Tecnotac | Plastic Shoe Components | ¡Hola mundo! | Awesome Screenshot

agrego también

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css

Inserir CODE, HTML ou PHP:

.span3 { width: 260px; }

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/style.css

Inserir CODE, HTML ou PHP:

#copyright { padding: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: auto; overflow: hidden; font-size: 12px; border-top: 0 solid transparent; }

---------- Post agregado el 15-may-2013 hora: 10:03 ----------

Inserir CODE, HTML ou PHP:

http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css

Inserir CODE, HTML ou PHP:

.span12 { width: 880px; }

Estoy aplicando los cambios que vas poniendo 😱nthego:

EspErpENto · 15/05/2013

Colega con el debido respeto que los conocimientos de los respetados conforeros se merecen, saben y tienen mucha experiencia, mi sugerencia es que te detengas un momento y hagas una captura de pantalla de determinada parte del escritorio, más precisamente de las opciones del Theme.

Flexform | Build Something Exceptional

Te lo digo porque el Theme Flexform es un Theme de alto standing, de ahí que supongo que sería de toquetar un poco en las opciones del Theme sin necesidad de tocar el código.

Lastima que voy de salia, pero regreso en un santiamén

kHanONE · 15/05/2013

EspErpENto disse:
Colega con el debido respeto que los conocimientos de los respetados conforeros se merecen, saben y tienen mucha experiencia, mi sugerencia es que te detengas un momento y hagas una captura de pantalla de determinada parte del escritorio, más precisamente de las opciones del Theme.

Flexform | Build Something Exceptional

Te lo digo porque el Theme Flexform es un Theme de alto standing, de ahí que supongo que sería de toquetar un poco en las opciones del Theme sin necesidad de tocar el código.

Lastima que voy de salia, pero regreso en un santiamén

Te aseguro que si hubiera un opción para editar este tipo de opciones directamente desde el back-end, no habría abierto un nuevo hilo. Estoy cansado de tratar con este tipo de temas y lo he revisado muchas veces y no, no existe ninguna opción en este tema de "alto standing" :encouragement:

EspErpENto · 15/05/2013

kHanONE disse:
Te aseguro que si hubiera un opción para editar este tipo de opciones directamente desde el back-end, no habría abierto un nuevo hilo. Estoy cansado de tratar con este tipo de temas y lo he revisado muchas veces y no, no existe ninguna opción en este tema de "alto standing" :encouragement:

¿ Puedes poner una captura de las opciones del Theme ? por favor

nicorto · 15/05/2013

luego de las ediciones te recomeindo este sitio para que veas desde diferentes resoluciones TestSize.com - test any web page in any window size

kHanONE disse:
Hola a todos betas, estoy realizando una página web y me he topado con un "bache", no consigo editar el ancho del template, no sé si es porque se trata de una plantilla con el modo "Responsive" o que es lo que pasa... La web en cuestión es esta A ver si hay suerte y encontráis la parte del css en la que tengo que modificar esto... Sería un tamaño de 900px aproximadamente, de forma que se visualizara correctamente en monitores con resolución de 1024px. Un saludo y gracias de antemano :encouragement:

kHanONE · 16/05/2013

Edito thread!

[AJUDA] Editar a largura do meu template.

kHanONE

BuyHostingWeb

nicorto

kHanONE

nicorto

kHanONE

nicorto

kHanONE

EspErpENto

kHanONE

EspErpENto

nicorto

kHanONE

Tópicos similares