Просмотр кода элемента для самых маленьких

[nictic123]

nictic123 добавил(а) новый ресурс:

Просмотр кода элемента для самых маленьких - Ответ на все ваши вопросы "а как это убрать?", "а как тут цвет поменять?" и т. д.

Впрочем, это подойдет и для 1 ветки, но так как она уже неактуальна, будем работать со второй. Если вы даже не знали о такой штуке, как просмотр кода элемента, то открывается она при нажатии на F12, в некоторых случаях функциональная клавиша (fn) и F12. Также можно навести курсор на элемент, который мы собираемся поправить и нажать "просмотр кода элемента", "исследовать элемент", "просмотреть код элемента" и т. д. Фраза зависит от браузера. Но я, все же, надеюсь, что людей не знающих о...

Узнать больше об этом ресурсе...

 

[nictic123]

nictic123 обновил(а) ресурс Просмотр кода элемента для самых маленьких новой записью:

Обновление 2.1

Указал поддержку XenForo 2.1

Узнать больше об этом обновлении...

 

[Sanar]

В данном случае, что делать тогда?)
Вводил в поиск шаблонов класс css'a выдало вот на 2-ом скрине что, ну там ибо какие-то переменные но background не было

 

[Mirovinger]

Так - app_header.less, это как раз нужный шаблон, что нужно то?

 

[Sanar]

Ну тут нету background:#2196F3;

Так - app_header.less, это как раз нужный шаблон, что нужно то?

// MAIN HEADER ROW

.p-header
{
    .xf-publicHeader();
    <xf:if is="property('uix_pageStyle') == 'fixed'">

        .m-pageWidth();
    </xf:if>

    .p-header-logo img {max-width: @xf-uix_logoWidth;}

    a
    {
        color: inherit;
    }
   
    .p-header-logo img {width: 100%;}
}

.p-header-inner
{
    .m-pageInset();
    <xf:if is="property('uix_pageStyle') != 'fixed'">
        .m-pageWidth();
    </xf:if>
    position: relative;
    background: #212428;
}

.p-header-content
{
    // padding: @xf-paddingMedium 0;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    background: #212428;
   
    <xf:if is="property('uix_viewportCenterLogo') == '100%'">
        justify-content: center;
        flex-direction: column;
       
        .p-nav-opposite {margin-top: @xf-paddingLarge; margin-left: 0;}
        .p-header-logo {margin-right: 0;}
    </xf:if>
   
    @media (max-width: @xf-uix_viewportCenterLogo) {
        justify-content: center;
        flex-direction: column;
        background: #212428;
       
        .p-nav-opposite {margin-top: @xf-paddingLarge; margin-left: 0;}
        .p-header-logo {margin-right: 0;}
    }
}

.p-header-logo
{
    vertical-align: middle;
    // margin-right: auto;

    a
    {
        color: inherit;
        text-decoration: none;
    }

    &.p-header-logo--text
    {
        font-size: @xf-fontSizeLargest;
    }

    &.p-header-logo--image
    {
        img
        {
            // vertical-align: bottom;
            // max-width: 100%;
            // max-height: 200px;
        }
    }

    .uix_logoIcon {.xf-uix_logoIconStyle();}
}


@media (max-width: @xf-responsiveNarrow)
{
    .p-header-logo
    {
        // max-width: 100px;

        &.p-header-logo--text
        {
            font-size: @xf-fontSizeLarge;
            font-weight: @xf-fontWeightNormal;
            .m-overflowEllipsis();
        }
    }

    .p-navgroup-link
    {
        .p-navGroup--member &
        {
            margin-left: 5px;

            &:first-of-type
            {
                margin-left: 0;
            }
        }

    }
}

 

[HAIM]

Sanar, зря вы отвечаете только на одну часть сообщения. Что вы хотите сделать в итоге?

 

[Skaiman]

Sanar, согласен с HAIM, просто напиши что хочешь сделать, не надо шарится по шаблонам и тем более делать в них правки, убирая переменные, без понятия того, что они значат. Вероятно ответ на твой вопрос есть в настройках или возможно добавить код в extra.less

 

[Mirovinger]

Зато там есть настройки стиля.

 .xf-publicHeader();

Ну и ответьте уже на поставленный вопрос в развёрнутом виде.