[AYUDA ]Editar el ancho de mi template.

  • Autor Autor kHanONE
  • Fecha de inicio Fecha de inicio
kHanONE

kHanONE

Eta
Redactor
Verificación en dos pasos activada
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

img.webp
 
Última edición:
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;
}
 
Última edición:
creo que es #container width: 100%; y quítale el padding-left y padding-right

O así

Insertar CODE, HTML o PHP:
#container {
width: 1300px;
}
 
Última edición:
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?
 
creo que es #container width: 100%; y quítale el padding-left y padding-right

O así

Insertar CODE, HTML o 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:
 
lo siento no vi que querías de 900px de ancho

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

Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/style.css
Insertar CODE, HTML o PHP:
#container {
position: relative;
width: 900px;
}

este lo encuentras dentro de
Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css
Insertar CODE, HTML o PHP:
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 900px;
}

Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css
Insertar CODE, HTML o PHP:
.row {
margin-left: 1px;
}

Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/style.css
Insertar CODE, HTML o PHP:
.logo-left .nav-wrap {
float: left;
}


Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/style.css
Insertar CODE, HTML o PHP:
.page-heading {
text-align: left;
}

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

agrego también

Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css
Insertar CODE, HTML o PHP:
.span3 {
width: 260px;
}


Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/style.css
Insertar CODE, HTML o 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 ----------

Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css
Insertar CODE, HTML o PHP:
.span12 {
width: 880px;
}
 
Última edición:
lo siento no vi que querías de 900px de ancho

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

Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/style.css
Insertar CODE, HTML o PHP:
#container {
position: relative;
width: 900px;
}

este lo encuentras dentro de
Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css
Insertar CODE, HTML o PHP:
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 900px;
}

Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css
Insertar CODE, HTML o PHP:
.row {
margin-left: 1px;
}

Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/style.css
Insertar CODE, HTML o PHP:
.logo-left .nav-wrap {
float: left;
}


Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/style.css
Insertar CODE, HTML o PHP:
.page-heading {
text-align: left;
}

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

agrego también

Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css
Insertar CODE, HTML o PHP:
.span3 {
width: 260px;
}


Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/style.css
Insertar CODE, HTML o 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 ----------

Insertar CODE, HTML o PHP:
http://tecnotac.es/wp-content/themes/flexform/css/bootstrap-responsive.min.css
Insertar CODE, HTML o PHP:
.span12 {
width: 880px;
}


Estoy aplicando los cambios que vas poniendo 😱nthego:
 
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
 
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:
 
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
 
luego de las ediciones te recomeindo este sitio para que veas desde diferentes resoluciones TestSize.com - test any web page in any window size
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:
 

Temas similares

I
Respuestas
1
Visitas
771
diacetilmorfina
D
Atrás
Arriba