Перейти к содержанию
LDi

Изменить цвет в элементе header

Рекомендуемые сообщения

Друзья, Ну никак не могу сообразить где найти в header эту строку, чтобы поменять цвет , остальные блоки в шапке без проблем, а тут как бельмо на глазу торчит. И к тому же в мобильной версии ничего совсем не изменилось, куда бежать, где править ? 

 

И второй вопрос по Футеру, тоже никак не могу найти где сузить его, а то полстраницы занимает 

 

B7EBFEBA-004E-4DE4-A004-72C9AEBA4818.jpeg

21B70832-75A1-4842-A6B3-1DC07C5C7194.jpeg

060856D4-AD08-45E5-8B17-04E4C765776F.jpeg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
36 минут назад, LDi сказал:

Друзья, Ну никак не могу сообразить где найти в header эту строку, чтобы поменять цвет , остальные блоки в шапке без проблем, а тут как бельмо на глазу торчит. И к тому же в мобильной версии ничего совсем не изменилось, куда бежать, где править ? 

Либо в настройках шаблона либо в файле header.tpl В любом случаи ищите блок <div class="hoz-menu fix"> во всех файлах шаблона через например notepad+

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 часа назад, GreenDragon сказал:

Либо в настройках шаблона либо в файле header.tpl В любом случаи ищите блок <div class="hoz-menu fix"> во всех файлах шаблона через например notepad+

У меня twig, правка цветов через шаблон, все везде отлично , а эта именно какой то странный путь показывает , сначала inline, потом куда то в carousel 

 

053CF3D3-0420-4D63-B439-5E66B5D1EE2C.jpeg

6EE107C5-2D5E-4512-BA1A-579C7C4A1CEC.jpeg

Изменено пользователем LDi

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Без разницы, twig или tpl, ищите класы прямо в файлах через notepad+, скорее всего они находятся в header.twig или подтягиваються туда из другого файла либо настроек шаблона/модуля, в помощь notepad+

<style>
    #oc-menu-1042 .oc-menu-bar {
        background: #2F333A;
        color: #FFFFFF;
		padding: 15px 15px 15px 15px;
		position: relative;
    }
    #oc-menu-1042.oc-menu-bar {
        background: #2F333A;
        color: #FFFFFF;
    }
    #oc-menu-1042 .ul-top-items .li-top-item {
        background: #2F333A;
        color: #FFFFFF;
    }
    #oc-menu-1042 .ul-top-items .li-top-item .a-top-link {
        padding: 5px 20px 5px 20px;
        color: #FFFFFF;
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase;
        font-weight: 500;
    }
    #oc-menu-1042 .ul-top-items .li-top-item:hover, #oc-menu-1042 .ul-top-items .li-top-item.active {
        background: #2F333A;
        color: #EB3E32;
    }
    #oc-menu-1042 .ul-top-items .li-top-item:hover .a-top-link, #oc-menu-1042 .ul-top-items .li-top-item.active .a-top-link{
        color: #EB3E32;
        font-weight: 500;
    }
    #oc-menu-1042 .mega-menu-container {
        width: 900px;
        background: #FFFFFF;
        padding: 30px 30px 30px 30px;
        
    }
    #oc-menu-1042 .mega-menu-container .a-mega-second-link,#oc-menu-1042 .mega-menu-container .widget-html-title {
        color: #2F333A;
    }
	#oc-menu-1042 .mega-menu-container .a-mega-third-link {
        color: #959595;
    }
    #oc-menu-1042 .ul-second-items .li-second-items {
        background: #FFFFFF;
        color: #2F333A;
    }
    #oc-menu-1042 .ul-second-items .li-second-items:hover, #oc-menu-1042 .ul-second-items .li-second-items.active {
        background: #FFFFFF;
        color: #EB3E32;
    }
    #oc-menu-1042 .ul-second-items .li-second-items .a-second-link {
        color: #2F333A;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 500;
    }
    #oc-menu-1042 .ul-second-items .li-second-items:hover .a-second-link, #oc-menu-1042 .ul-second-items .li-second-items.active .a-second-link {
        color: #EB3E32;
        font-weight: 500;
    }
    #oc-menu-1042 .ul-third-items .li-third-items {
        background: #FFFFFF;
    }
    #oc-menu-1042 .ul-third-items .li-third-items:hover, #oc-menu-1042 .ul-third-items .li-third-items.active {
        background: #FFFFFF;
    }
    #oc-menu-1042 .ul-third-items .li-third-items .a-third-link {
        color: #959595;
        font-size: 14px;
        text-transform: none;
        font-weight: 400;
    }
    #oc-menu-1042 .ul-third-items .li-third-items:hover .a-third-link, #oc-menu-1042 .ul-third-items .li-third-items.active .a-third-link {
        color: #2E3138;
        font-weight: 400;
    }
</style>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Вы комментируете как гость. Если у вас есть аккаунт, пожалуйста, войдите
Ответить в этой теме...

×   Вы вставили контент с форматированием.   Удалить форматирование

  Разрешено использовать не более 75 смайлов.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.