Ingleest (25 Апрель 2016 - 05:39) писал:
Доброе утро.
Помогите мне, пожалуйста, изменить баннеры на главной (значки преимуществ): обратить цвета (фон темным, текст и иконки светлым), уменьшить иконки, разместить влево от текста, шрифты сделать мельче и уменьшить разрыв между заголовком и текстом баннера. И фон чтобы был по всей ширине окна. В общем, примерно как здесь:
Здравствуйте.
Частично изменения Вам произвел, проверьте.
Чтобы изменить цвета всех элементов данного блока, в main.css найдите
/*** Баннеры ***/
#topsl {background:#000000;border-top: 1px solid #3f3f3f;border-bottom: 1px solid #3f3f3f;padding: 15px 0;}
#topsl .policy_shop .policy {overflow: hidden;position: relative;transition: all 300ms linear 0s;text-align: center;}
#topsl .policy_shop .policy .fa {position:relative;background: #000000;font-size: 30px;transition: all 400ms linear 0s;width: 55px;height: 55px;margin-bottom: 20px;color: #FFF;float:left;}
#topsl .policy_shop .policy .fa:before {height: 100%;left: 0;line-height: 55px;position: absolute;top: 0;width: 100%;color: #ffffff;}
#topsl .policy_shop .policy:hover .fa {background: #FFFFFF;border-color: #000000;}
#topsl .policy_shop .policy:hover .fa:before {color: #fff;-webkit-animation: moveFromBottom 300ms ease;-o-animation: moveFromBottom 300ms ease;animation: moveFromBottom 300ms ease;}
#topsl .policy_shop .policy .ca-content .ca-main {font-size:15px;color: #ffffff;-webkit-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;}
#topsl .policy_shop .policy:hover .ca-content .ca-main {color: #535353;-webkit-animation: smallToBig 300ms ease;-o-animation: smallToBig 300ms ease;animation: smallToBig 300ms ease;}
div#topsl a {color: #fff;}
#topsl .policy_shop .policy:first-child {border-left: none;}
#topsl .policy_shop .policy {border-left: 2px solid #fff;}
изменяйте color(цвет текста), background(цвет фона), background-color(цвет фона), border-color(цвет границ).