Search the Community
Showing results for tags 'centrado'.
-
La diferencia con la solución aportada por el gran VEKIA (cuanto he aprendido contigo), es que no necesitamos incluir el <div id="header_logo"> en blocksearch-top.tpl, solo vamos a modificar un poco el header.tpl y vamos añadir unas lineas de código al global.css de nuestro theme. Podéis verlo funcionando en http://demo.tiendasprestashop.es/ Abrimos el archivo header.tpl de nuestro tienda: mitienda/theme/default-bootstrap/header.tpl buscamos la siguientes lineas de código, mas o menos por la linea 88 <div> <div class="container"> <div class="row"> <div id="header_logo"> <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}"> <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/> </a> </div> {if isset($HOOK_TOP)}{$HOOK_TOP}{/if} </div> </div> </div> y lo reemplazamos por esto <div> <div id="header_logo" class="contenedor"> <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}"> <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/> </a> </div> <div class="container"> <div class="row"> {if isset($HOOK_TOP)}{$HOOK_TOP}{/if} </div> </div> </div> Ahora vamos a nuestro global.css y añadimos al final lo siguiente: /* ------ Logo Centrado ------ */ .contenedor img { position: relative; margin: auto; } /* ------ Fin Logo Centrado ------ */ Recordad que tenéis que forzar la compilación y vaciar la cache para que se vean los cambios. Se nos quedara algo asi. Espero que les sea útil en sus proyectos.