Jump to content

Comment centrer le footer?


Recommended Posts

Bonjour à tous,

 

Comme l'indique le titre, je souhaite centrer mes modules "Informations" et "Nous contacter" et, idéalement, que la barre verticale entre les deux se trouve à égale distance des deux modules. J'imagine que ce n'est pas sorcier mais j'ai essayé de modifier le code dans mon FTP, de modifier la position des modules.. Je n'y arrive pas.

 

Ci-dessous, l'image de mon footer.

 

Merci d'avance.

 

Antoine.

 

550681291.png

Link to comment
Share on other sites

Bonjour,

 

Dans ton fichier global.css trouver #footer et ajouter : 

margin:0 auto;

ou 
 

margin-right: auto;
margin-left: auto;

ou dans ton fichier footer.tpl, tu localises

<footer id="footer"  class="container">
						<div class="row">{$HOOK_FOOTER}</div>
					</footer>

que tu remplaces par :

<footer id="footer"  class="container">
						<div class="row" align="center">{$HOOK_FOOTER}</div>
					</footer>
Link to comment
Share on other sites

Merci pour ta réponse claire et précise ^_^ .

 

J'ai essayé de faire la modif. dans global.css mais j'ai trouvé au moins 20 fois #footer donc j'ai préféré utiliser la deuxième méthode, modifier footer.tpl. J'ai donc bien localisé et remplacé ce que tu m'as dit. Par contre, une fois footer.tpl enregistré avec les modifications, rien ne change sur mon site.

 

Le soucis ne viendrait-il pas du fait qu'il faut en fait centrer mes modules "Informations" et "Nous contacter" et non le footer?

 

Merci d'avance.

 

Antoine.

Link to comment
Share on other sites

  • 3 weeks later...
  • 2 months later...

IL faut mettre col-sm-6 au lieu de col-sm-2 dans

<section id=block_various_links_footer class="footer-block col-xs-12 col-sm-6">

et idem pour l'autre section <section id="block_contact_infos" class=... col-sm-2>

 

 

Guillaume

Merci de votre repense. 

Travaillez vous sur la version 1.6?

Link to comment
Share on other sites

La recherche automatique ne marchait pas non plus pour moi sous Bloc notes, je te conseille de télécharger Notepad++.

Mais peut-être te trompes-tu de fichier?

 

Guillaume, hier j'ai bien fait les remplacements dans "modules/blockcontactinfos/*.tpl" et "blockCMS/*.tpl" (je n'ai pas de module appelé blockvariouslink) mais ca n'a rien changé une fois les fichiers overwrités et le site actualisé. J'ai remplacé "col-sm-2" par "col-sm-6" dans l'un des deux et "col-sm-4" par 'col-sm-6" dans l'autre.

Link to comment
Share on other sites

La recherche automatique ne marchait pas non plus pour moi sous Bloc notes, je te conseille de télécharger Notepad++.

Mais peut-être te trompes-tu de fichier?

 

 

j'ai essayé la recherche sous Notepad++ et sous DreamWeaver, rien trouvé. 

j'ai ouvert les fichier blocklink et block contactinfos.tpl pareil

 

Pouvez-vous me donner le chemin direct et la ligne ça me fera gagner du temps

Merci d'avance

Link to comment
Share on other sites

Sèctom 

Voici ce que j'ai entre les lignes 27 et 37:

 

 

<!-- MODULE Block contact infos -->

<div id="block_contact_infos">
<h4 class="title_block">{l s='Contact us' mod='blockcontactinfos'}</h4>
<ul>
{if $blockcontactinfos_company != ''}<li><strong>{$blockcontactinfos_company|escape:'html':'UTF-8'}</strong></li>{/if}
{if $blockcontactinfos_address != ''}<li><pre>{$blockcontactinfos_address|escape:'html':'UTF-8'|nl2br}</pre></li>{/if}
{if $blockcontactinfos_phone != ''}<li>{l s='Tel' mod='blockcontactinfos'} {$blockcontactinfos_phone|escape:'html':'UTF-8'}</li>{/if}
{if $blockcontactinfos_email != ''}<li>{l s='Email:' mod='blockcontactinfos'} {mailto address=$blockcontactinfos_email|escape:'html':'UTF-8' encode="hex"}</li>{/if}
</ul>
</div>
<!-- /MODULE Block contact infos -->
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...