XF 2.1 Where to edit the Logo code?

[Dragonfruit]

I'm looking to replicate and try some different things in the top header area where the logo is. Can someone direct me where to edit this code? Not looking to just replace the image in the style properties.

Thanks!

 

[Paul B]

The Header and navigation style properties covers that area.

If you can't achieve what you want using those, you will need to use extra.css or edit the templates.

 

[Dragonfruit]

Yeah I've been playing with it, haven't been able to achieve what I'm trying to do 100%, which templates do I need to edit to try it there?

 

[Paul B]

Here's a guide which will help in identifying what you need to edit: https://xenforo.com/community/resources/how-to.4390/

Written for XF1 but the same principles apply.

 

[Dragonfruit]

I just tried that. The classes I'm looking for does not match the template list. Is there no clear direction on which template to work on to modify the header portion?

Got it, in Page Container, replacing this portion of the code:

<header class="p-header" id="header">
    <div class="p-header-inner">
        <div class="p-header-content">

            <div class="p-header-logo p-header-logo--image">
                <a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
                    <img src="{{ base_url(property('publicLogoUrl')) }}"
                        alt="{$xf.options.boardTitle}"
                        {{ property('publicLogoUrl2x') ? 'srcset="' . base_url(property('publicLogoUrl2x')) . ' 2x"' : '' }} />
                </a>
            </div>

            <xf:ad position="container_header" />
        </div>
    </div>
</header>