¿Cómo cambiar la anchura del logo y de la barra de búsqueda?

[jesusruiz]

Hola a todos:

 

Estoy teniendo un día tonto me parece a mí porque no logro dar mayor anchura al logo y menor anchura a la barra de búqueda de la cabecera de la tienda (tema por defecto de la versión 1.6).

 

He realizado algunos intentos, pero en algunos navegadores se descuadraba, por lo tanto no lo estoy haciendo bien.

 

Esta regla es la que me trae de cabeza:

.col-sm-4, header .row #header_logo: 33.3333%

¿Alguien que haya modificado la anchura de los elementos de la cabecera y que le haya quedado bien?.

 

Un saludo y miles de gracias

Edited December 6, 2014 by jesusruiz (see edit history)

[galindogadea]

Hola a todos:

 

Estoy teniendo un día tonto me parece a mí porque no logro dar mayor anchura al logo y menor anchura a la barra de búqueda de la cabecera de la tienda (tema por defecto de la versión 1.6).

 

He realizado algunos intentos, pero en algunos navegadores se descuadraba, por lo tanto no lo estoy haciendo bien.

 

Esta regla es la que me trae de cabeza:

.col-sm-4, header .row #header_logo: 33.3333%

¿Alguien que haya modificado la anchura de los elementos de la cabecera y que le haya quedado bien?.

 

Un saludo y miles de gracias

 

Date cuenta que si tocas eso que dices tocar, estas afectando tambien a una clase general como el:

 

.col-sm-4

que se utiliza varias veces.

 

Por lo tanto, si por ejemplo quieres hacer mas ancho la parte donde esta el logo, prueba añadir en tu css busca esto:

header .row #header_logo {
padding-top: 15px;
}

y prueba quizas dejaar algo asi:

header .row #header_logo {
padding-top: 15px;
width: 42% !important;
}

Y luego prueba cambiar en tu fichero:

/themes/default-bootstrap/modules/blocksearch/blocksearch-top.tpl

Esto:

<div id="search_block_top" class="col-sm-4 clearfix">

por

<div id="search_block_top" class="col-sm-3 clearfix">

y en tu fichero:

/themes/default-bootstrap/modules/blockcart/blockcart.tpl

Esto:

<div class="col-sm-4 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

por

<div class="col-sm-3 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

a ver como queda..

[jesusruiz]

Gracias por tu respuesta

 

Sí, ya me he fijado que el sistema bootstrap hace que al trabajar con columnas haya elementos que sean complejos de alterar a no ser que se quite la referencia a este "anclaje" por columnas.

 

Ya puse al elemento bloque de búsqueda el "col-sm-3", pero aunque quedaba bien, en dispositivos móviles el carrito se me venía hacía la línea de abajo.

 

Voy a probar exactamente tal como me dices a ver si así funciona bien.

 

Es curioso porque la mayoría de templates que veo de Prestashop 1.6 mantienen la cabecera exactamente igual al template por defecto, salvo algunos como este por ejemplo:

http://livedemo00.template-help.com/prestashop_45950/

 

Ya os contaré si lo logré conseguir o me doy por vencido (por ahora).

 

Un saludo y miles de gracias de nuevo por tu ayuda.

Edited December 7, 2014 by jesusruiz (see edit history)

[corredor del asfalto]

hola yo tuve el mismo problema con un template de monster template y lo solucione fue con el global.css   con el  prestashop 1.6

 

pero en esta ruta /public_html/themes/theme1151/css/

 

 

y cambie el porcentaje en esta linea 

 

899  .col-sm-2, header .row #header_logo {

900   width: 25%; }          ////////////// ese porcentaje lo cambie  el 25%  estaba en  16.6666   si mueve  lo demas pero en mi caso solo queria un poco mas grande el logo //////////