Помогите отредактировать footer

[oweb]

Здравствуйте, программирования не обладаю, но благодаря форумчанам отредактировала часть футера... помогите доделать )))

 

http://sunblomma.ru

 

1. Убрала справа 2 лишние колонки с текстами - осталось пространство - как имеющиеся 4 колонки равномерно распределить по всему футеру.

 

2. Как значки соц. сетей в самом низу расположить не вертикально, а горизонтально - в правом нижнем углу - на уровне надписи - 

Sunblomma © 2014

Работает на русском OpenCart

 

я скопировала весь footer.tpl сюда, подскажите чего убрать и куда поставить )))

 

<div class="clear"></div>

<div class="clear"></div>

</section>

<footer>

<div class="container">

<div class="footer-block">

<div class="row">

 

<?php if ($informations) { ?>

<div class="span2">

<h3><?php echo $text_information; ?></h3>

<ul>

<?php foreach ($informations as $information) { ?>

<li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li>

<?php } ?>

</ul>

</div>

<?php } ?>

<div class="span2">

<h3><?php echo $text_service; ?></h3>

<ul>

<li><a href="<?php echo $contact; ?>"><?php echo $text_contact; ?></a></li>

<li><a href="<?php echo $return; ?>"><?php echo $text_return; ?></a></li>

<li><a href="<?php echo $sitemap; ?>"><?php echo $text_sitemap; ?></a></li>

</ul>

</div>

<div class="span2">

<h3><?php echo $text_extra; ?></h3>

<ul>

<li><a href="<?php echo $manufacturer; ?>"><?php echo $text_manufacturer; ?></a></li>

<li><a href="<?php echo $voucher; ?>"><?php echo $text_voucher; ?></a></li>

<li><a href="<?php echo $affiliate; ?>"><?php echo $text_affiliate; ?></a></li>

<li><a href="<?php echo $special; ?>"><?php echo $text_special; ?></a></li>

</ul>

</div>

<div class="span2">

<h3><?php echo $text_account; ?></h3>

<ul>

<li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>

<li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>

<li><a href="<?php echo $wishlist; ?>"><?php echo $text_wishlist; ?></a></li>

<li><a href="<?php echo $newsletter; ?>"><?php echo $text_newsletter; ?></a></li>

</ul>

</div>

<div class="span2">

 

</div>

</div>

</div>

</div></div></div>

<div class="container">

<div class="row">

<div class="span12">

<div id="powered">

<div>

<span class="pow">

<?php echo $powered; ?><!-- [[%FOOTER_LINK]] -->

</span>

<ul class="social">

<li><a href="http://facebook.com" class="tooltip-2" title="<?php echo $text_fb; ?>"><i class=" icon-facebook"></i></a></li>

<li><a href="http://twitter.com" class="tooltip-2" title="<?php echo $text_twi; ?>"><i class=" icon-twitter"></i></a></li>

<li><a href="#" class="tooltip-2" title="<?php echo $text_rss; ?>"><i class=" icon-rss"></i></a></li>

<li><a href="http://accounts.google.com" class="tooltip-2" title="<?php echo $text_google; ?>"><i class="icon-google-plus"></i></a></li>

</ul>

 

</div>

<p id="back-top"> <a href="#top"><span></span></a> </p>

</div>

</div>

</div></div>

</footer>

<script type="text/javascript" src="catalog/view/theme/<?php echo $this->config->get('config_template');?>/js/livesearch.js"></script>

</body></html>

[Tom]

catalog/view/theme/theme324/stylesheet/bootstrap-responsive.css
 
строка 167 
 

.span2 {
    width: 170px; <----сделать шире, например 270px
  }

по иконкам  в    catalog/view/theme/theme324/stylesheet/stylesheet.css
 
можно в самом конце например

#powered .social{
display:inline-block;
float:right;
margin-right:50px;
margin-top:-30px;
}
#powered .social li{
display:inline-block;
float:left;
margin-left:18px;
padding:0;
}
#powered.social li a {
display:inline-block;
line-height:25px;
height:25px;
}
#powered .social li a:hover {
background-position: bottom center;
}
#powered.social li a:hover i{
color:#fb838d;
}
#powered .social li a i{
color:#9f9f9f;
font-size:23px;
line-height:26px;
}

[wipper]

 

Здравствуйте, программирования не обладаю, но благодаря форумчанам отредактировала часть футера... помогите доделать )))

 

http://sunblomma.ru

 

1. Убрала справа 2 лишние колонки с текстами - осталось пространство - как имеющиеся 4 колонки равномерно распределить по всему футеру.

 

@media (min-width: 1200px)
.span2 {
width: 230px;
padding-left: 40px;
}

@media (max-width: 979px) and (min-width: 768px)
.span2 {
width: 160px;
padding-left: 6px;
}

У вас адаптивный шаблон, редактируйте файл стилей bootstrap-responsive.css для каждого разрешения экрана