Jump to content

[RESOLU] Centrer le bloc "Informations" dans le footer


Recommended Posts

Bonjour à tous,

 

Je travaille sous Prestashop 1.5.3.1, theme "prestashop".

 

J'ai modifié le footer de ma boutique (couleurs, etc...)

J'ai ensuite souhaité ne voir apparaitre (en dessous du bloc réassurance) que les informations (livraisons, mentions légales, etc...). J'ai donc fait ce qu'il fallait à ce sujet dans le BO.

Seul restait donc le bloc "INFORMATIONS", avec ses différents liens, mais le tout étant calé à gauche du footer et en colonne.

 

J'ai donc cherché à centrer ce bloc.

 

Suivant un topic trouvé sur le forum, j'ai donc réussi à modifier le global.css du thème pour centrer ces infos, puis à les mettre sur une seule ligne.

MAIS... il y un mais...

Le titre "INFORMATIONS" reste désespérément calé à gauche du footer...

Enfer et damnation...

 

Je souhaiterais donc centrer ce titre afin qu'il vienne se placer correctement au dessus des infos.

 

Voici la partie "footer" modifiée de mon global.css :

 

/* ************************************************************************************************

FOOTER

************************************************************************************************ */

#footer {

color:#ffcc00;

background:#330000

}

.blockcategories_footer,

#footer .myaccount ,

#block_various_links_footer {width:900px}

#social_block,

#block_contact_infos {

float:center;

width:175px

}

.blockcategories_footer {margin-left:0}

#footer .title_block {

padding-bottom: 10px;

text-transform:uppercase

}

#footer .title_block ,

#footer .title_block a {

text-align:center;

font-weight:normal;

font-size:14px;

color:#ffcc00

}

#footer a {color:#ffcc00}

#footer a:hover {text-decoration:underline}

#footer ul {list-style-type:none;text-align:center}

#footer li {display:inline;padding:10px 10px 10px 10px}

#footer li a {color:#ffcc00}

 

#footer .myaccount {padding: 15px 10px}

#footer .myaccount .title_block, #footer .myaccount h4 {

padding:0 0 10px 0;

background:none;

text-shadow:none

}

#footer .myaccount .favoriteproducts img,

#footer .myaccount .lnk_wishlist img {display:none}

 

 

Je pense être au bon endroit, mais je tâtonne en vain...

Quelle est la ligne que je dois modifier, et de quelle manière ?

 

Quelqu'un de plus expérimenté que moi aurait-il l'infinie gentillesse de m'aider sur ce coup, s'il vous plait ?

 

D'avance un immense merci.

 

Sn4tcHz

 

Edit : RESOLU ! Je plaçais mal le text-align (ici mis à la bonne place en rouge, pour ceux qui ont le même problème)... Tout seul comme un grand et tout... :)

Edited by Sn4tcHz (see edit history)
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...