Подвинуть иконки платежных систем

Общее Общие вопросы
1

Здравствуйте! Только начала свое знаковство с CS-cart и пытаюсь выяснить как подвинуть иконки платежных систем буквально на пару см влево, чтобы были в ряд со всеми словами списка. http://prntscr.com/pw0nos
Подскажите в 2-х словах, кто знает, пожалуйста.

БлагоДарю)

2

Открываете ваш сайт в Опере или Хроме, щёлкаете на нужном элементе (например, картинка с буквой S возле вашего ника) правой кнопкой мыши, выбираете пункт контекстного меню Просмотреть код элемента. В открывшемся окне на вкладке Styles вы увидите свойства CSS, которые применены к этому элементу и наследуемые от родителей.

Для пробы измените свойство border-radius: с 50% на 30%.

Теперь смотрите на вкладку Elements, там html-код страницы. Выбранный элемент выделен цветом. В данном случает он имеет класс avatar (class=“avatar”). Это набор ранее описанных свойств, которые будут применены к любому элементу, которому присвоят этот класс. Тег <img> означает, что это рисунок.

Если вы хотите изменить что-то в свойствах этого элемента, вам нужно в админке перейти по пунктам меню Дизайн -> Темы -> кнопка Редактор тем. Откроется главная страница вашего сайта с панелью редактора тем слева. Выберите в ниспадающем списке Пользовательские CSS и в поле ввода ниже наберите
.avatar
{
border-radius: 30%;
}
Нажмите Сохранить.

Такой же принцип работает почти с любыми свойствами.
Вам нужно искать padding или margin, чтобы сделать поля меньше.

2 лайка
3

Добрый день, спасибо большое. Я сделала точно так как вы сказали, но ничего не произошло.

4

Это был просто пример.

Замените на

.ty-payment-icons
{
margin-right: 20px;
}

Увеличивайте или уменьшайте значение px, пока не выровняется

1 лайк
5

ничего…Может надо нажать “преобразовать в CSS”? Просто боюсь, что потом не откачу к исходнику)

6

Меню Дизайн -> Темы -> переключатель Обновлять кэш автоматически = on

Не забудьте выключить обратно, как закончите

7

Извините, что трачу ваше и вообщем-то свое время)

8

можно убрать существующий отступ

.ty-payment-icons__item:first-child {
margin-left: 0 !important;
}

или если хотите двигать блок, то уж

.ty-payment-icons
{
margin-left: -5px;
}

1 лайк
9

0 эффекта, может мне надо в сам код залезть?

10

У меня Юнитем2. Я по ней смотрел.
В любом случае без знания основ CSS и HTML будет сложно

11

Попробуйте

.ty-payment-icons__item {
    margin-left: 0px !important;
}
12

спасибо, не работает

13

да это понятно, просто думала что это 3-секундое дело, а почему-то не работает(

14

иконки убрали с сайта? хотел на месте посмотреть )

15

Да, они меня выбесили. Их значимость на сайте равна нулю, к тому же они не соответствовали действительным платежным системам, с которыми мы работаем))))))))