Danil (02 Ноябрь 2015 - 17:22) писал:
<!-- Logo --> <div id="logo" class="col-xs-4"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- END: Logo --> <div class="header-right col-xs-8">и замените на
<!-- Logo --> <div id="logo" class="col-xs-4"> <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/"> <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- END: Logo --> <!-- Баннеры --> {% IF index_page %} <div id="topsl" class="wrap col-xs-4"> <div class="container"> <div class="row-fluid-1"> <div class="block free-shipping col-xs-3 col-md-6"> <div class="block-title"><span>Бесплатная доставка</span></div> <!--<div class="block-content">Доставка по городу и области Бесплатна!</div>--> </div> <div class="block money-back col-xs-3 col-md-6"> <div class="block-title"><span>30 дней гарантии</span></div> <!--<div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>--> </div> <div class="block orders-247 col-xs-3 col-md-6"> <div class="block-title"><span>Прием заказов 24/7</span></div> <!--<div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>--> </div> <div class="block secured-payment col-xs-3 col-md-6"> <div class="block-title"><span>Безопасная оплата</span></div> <!--<div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>--> </div> </div> </div> </div> {% ENDIF %} <!-- /END Баннеры --> <div class="header-right col-xs-4">В main.css найдите
#topsl { margin: 40px 0 0; padding-bottom: 27px; border-bottom: 1px solid #e9e9e9; }и замените на
div#topsl span { font-size: 14px; } #topsl { float: left; clear: none; border-bottom: 1px solid #e9e9e9; } div#topsl .container { width: auto; }
Упростил блок. Как теперь выровнять картинки и отступы добавить ?
И эти преимущества только на главной странице, а я хочу сделать чтобы всегда были, как то можно ?