Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

Друзья, Ну никак не могу сообразить где найти в 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>

 

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.