Jump to content

{solucionado}Centrar el footer de una plantilla


outletspain

Recommended Posts

Buenas tardes,

 

Lo he conseguido arreglar, modificando el archivo global css, poniendo esto:

 

in_footer{width:960px;margin-left:580px;padding:15px 10px;overflow:hidden;background: url("../img/bkg_main_footer.jpg") repeat-x left bottom;}

 

Muchas gracias

 

Tengo instalado prestashop 1.5.6 en local con una plantilla comprada.

La cuestión es que me quedó bastante desconfigurada. He conseguido arreglar cosillas mirando los foros, pero me es imposible arreglar el footer que, como podeis ver en el archivo adjunto, me queda centrado a la izquierda y debería quedar centrado en el centro.

 

Este es el código del footer que se encuentra en el archivo global.css

 

/* Footer */

#footer {clear:both;overflow:hidden}

.main_footer{width:960px;margin:50 auto;padding:40px 0 25px;overflow:hidden;background: url("../img/bkg_main_footer.jpg") repeat-x left bottom;}

.cms-footer{overflow:hidden;padding:25px 0;min-height:260px;margin: auto;}

.cms-footer .sample-block{width:315px;float:left;padding-right:70px;}

.cms-footer .sample-block .call span.tell{border-top:2px solid #000;margin-top:10px;float:left;width:auto;background-repeat:no-repeat;background-position:left 5px;padding:7px 0 0 30px;font-size:20px;font-family:"AppleGaramondBold";height:26px;background-image:url('../img/bkg_tell.png');color:#000;}

.cms-footer .sample-block .call span{display:block;clear:left;border-top:1px solid #d9d9d9;font-size:12px;text-transform:uppercase;width:auto;float:left;#float:none;margin-top:5px;padding-top:5px;font-family:"AppleGaramondBold";font-weight:400;color:#dd0a6a;}

.right_cms-footer{width:575px;float:left}

.cms-footer .cms_block,.cms-footer .more-link ul{width:170px;float:left;padding-right:20px;}

.cms-footer .cms_block h4, .sample-block h4{font-size:14px;text-transform:uppercase;font-family:"AppleGaramondBold";margin-bottom:10px;font-weight:400;color:#dd0a6a;}

.cms-footer .cms_block li,.cms-footer .more-link ul li{padding:3px 0;display:block;}

.cms-footer .cms_block li a,.cms-footer .more-link ul li a{font-size:11px;font-family:"HelveticaRegular";color:#585858;}

.cms-footer .cms_block li a:hover,.cms-footer .more-link ul li a:hover{color:#DD8818}

.cms-footer .more-link{width:100%;float:left;padding-top:35px}

.sample-block h5{font-size:25px;text-transform:uppercase;font-family:"AppleGaramondBold";margin-bottom:5px;font-weight:700;color:#000;}

.sample-block .des_block p{color:#585858}

.sample-block .des_block a{font-family:"HelveticaBold";padding:3px 0;display:block;float:left;text-transform:uppercase;color:#dd0a6a;}

.sample-block .des_block a:hover{color:#585858}

.main_footer   .footer_copyright .copy_right{width:auto;float:left}

.footer_copyright{overflow:hidden;padding:0 20px;}

.footer_copyright  .copy_right{width:auto;float:left;}

.footer_copyright  .logo_payment{width:auto;float:right}

.footer_copyright  .logo_payment a img{margin-left:10px;float:left;width:auto}

.main_footer .footer_copyright .copy_right p, .main_footer .footer_copyright .copy_right p a{color:#b9b9b9}

.center.clearBoth{clear:left;padding-left:20px;color:#B9B9B9}

.center.clearBoth a{color:#B9B9B9}

.center.clearBoth a:hover{color:#fff}

/* Default block style */

div.block-cms h1 a { color: #374853; text-decoration: none; }

div.block-cms h1 a:hover { text-decoration: underline; }

div.block {

    margin-bottom:35px;

    width:210px;

}

#left_column div.block,

 #right_column div.block {border-top:1px solid #a10048;}

div.block h4 {

    text-transform: uppercase;

    font-family:"AppleGaramondBold";

    font-weight: 400;

    font-size:14px;

    color: #000;border-top:2px solid #ef9ac0;padding:10px 0;

}

div.block h4 a { color: #000 }

div.block ul { list-style: none }

div.block ul.tree li { padding-left: 1.2em }

div.block a:hover { text-decoration: none;cursor:pointer }

#left_column div.block .block_content a.button_large,

 #right_column div.block .block_content a.button_large { margin: 0 0 0 -3px }

div.block .block_content {

    min-height: 16px

}

div.block li {

    padding: 0.2em 0 0.2em 0em;

    list-style-position: outside

}

div.block a {

    color: #646464;

    text-decoration: none

 

 

Gracias de antemano

post-146622-0-39926500-1382860579_thumb.jpg

Edited by outletspain (see edit history)
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...