База знаний по темам семейства Super

Все темы

Картинка не разместилась первый раз. Ниже описание

Магазин => Витрина => Тема дизайна Special => Настройки подвала
Поставить "---" в 1 колонка, 2 колонка и т.д.


Александр
Александр

Здравствуйте! 

Так произошло потому, что я не рассчитывал, что кто-то в верхний баннер будет вставлять впадающие меню. =) 

Там 3 проблемы: 

  • z-index
  • белый цвет фона выпадающих меню + uk-light (включённая инверсия) для баннера
  • выравнивание по центру (этого не видно, пока меню будет белым).

Исправляем z-index

В блок special.user_css добавьте код:

.header_banner {
  position:relative;
  z-index: 2000;
}


Исправляем фон

Здесь три варианта: 

1. Сделать фон баннера не красным, а каким-нибудь другим, чтобы тёмный цвет текста читался хорошо и отключить инверсию текста в настройках баннера. 

2. Сделать фон выпадающих меню такого-же цвета как и фон баннера. 
Для этого в тот же блок special.user_css добавить код: 

.header_banner .uk-dropdown {
    background: #9d1219;
}


3. Прописать тёмный цвет текста в выпадающих меню.
Для этого добавить в блок special.user_css код:

.header_banner .uk-light .uk-dropdown-nav>li>a {
    color: #222222;
}

Исправляем выравнивание по центру (если надо)
Добавить в special.user_css код: 

.header_banner .uk-dropdown {
    text-align: left;
}

Сергеев Владимир
Сергеев Владимир
andrey
  • 7 ответов
Александр
  • 3 ответа
  • 1 голос

Здравствуйте, Александр! 

К сожалению, тема дизайна не имеет контроля над блоком и страницей оформления заказа. 
В этом блоке выводится только информация, которую выдаёт ядро магазина + плагины, которые разработаны для оформления заказа. 

Сергеев Владимир
Сергеев Владимир

Здравствуйте, Александр! 

Чтобы посмотреть какие стили влияют на элемент, нужно в браузере Chrome кликнуть правой кнопкой мышки по элементу и в контекстном меню выбрать пункт «Просмотреть код».

Появится инспектор кода. 
Слева разметка документа, справа css правила, которые влияют на выбранный документ. 

Сами новые правила можно прописать в блок special.user_css.

Сергеев Владимир
Сергеев Владимир
Александр
Есть решение
  • 1 ответ

Здравствуйте, Александр! 

Вы можете прописать стили для кнопки наверх в блоке special.user_css

Ознакомьтесь со следующими инструкциями: 

Теперь непосредственно о кнопке.
Чтобы отрегулировать высоту кнопки, пропишите следующие css правила в блоке:

html body .totop-wrapper {
    bottom: 60px!important;
}

60px замените на свою цифру.

Чтобы отрегулировать цвет кнопки, пропишите следующие css правила в блоке: 

body .totop {
    text-shadow: none;
    background: rgba(220,220,220,.5);
    color: #000000;
}

rgba(220,220,220,.5) замените на свой фон кнопки.
#000000 замените на свой цвет текста кнопки.

Сергеев Владимир
Сергеев Владимир
 Чтобы просматривать все темы, пожалуйста зарегистриуйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!