[RISOLTO] Cosa fare per centrare il logo nella homepage?

[fibo]

Ciao a tutti.

 

La schermata che ho allegato è di Prestashop 1.16.1.14

 

Ho spostato la barra di ricerca nella colonna di sinistra.
Adesso avrei la necessità di centrare il logo.
L'immagine è dimostrativa, il logo vero dovrebbe essere di 310x115 px.

 

Ho provato a spostare i blocchi dal menu "Posizioni" del BO, ma non ottengo niente.
A seconda di come posiziono il blocco carrello all'interno del "displaytop", capita che il carrello vada a posizionarsi sotto il tab "Popolare".

 

E' una cosa che si controlla tramite CSS?
 

 

 

Grazie

Edited July 11, 2017 by fibo (see edit history)

[fibo]

Ho trovato una soluzione.

 

Nel file header.tpl ho apportato questa modifica:

<div class="container">
  <div class="row">
    <div class="col-sm-12 col-centered">
      <div id="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="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>
   </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-sm-8"></div>
      {if isset($HOOK_TOP)}{$HOOK_TOP}{/if}
    </div>
  </div>
</div>

Mentre nel file global.css ho aggiunto queste regole:

.col-centered {
  float: none;
  margin: 0 auto;
}
#logo a img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}