Text and Logo in ipsfocus theme

[AntiMetaman]

The new ipsfocus themes allow you to either pick a logo or a text. They can't be together. I just want a logo (a png) on the left and text on the right on the header. Does anyone know how to do this through custom.css?

[AntiMetaman]

This solution works the best and takes the logo and text from the settings. You can use html tags to change font and format of the title.

Replace the core->front->log with this:

<a href='{setting="base_url"}' class='logo' accesskey='1'>
  {{if \IPS\Theme::i()->logo['front']['url'] !== null }}
      {{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}}
    <img src="{$logo}" alt='{setting="board_name" escape="true"}' />
  {{endif}}
    <span>
        <span class='logo-name'>{{if theme.focus_logo}}{theme="focus_logo"}{{else}}{setting="board_name"}{{endif}}</span>
        {{if theme.focus_slogan}}<span class='logo-slogan'>{theme="focus_slogan"}</span>{{endif}}
    </span>
</a>

 

[Jeffrey]

<div class="logo-wrap">
<a href="https://duelistsunite.org/forum/" class="logo" accesskey="1"><img src="https://duelistsunite.org/forum/uploads/monthly_2018_08/android-icon-72x72.png.4469178c619526616839a2738e0cb145.png" alt="Duelists Unite"><h2>   DUELISTS UNITE</h2></a>
</div>

 

Edited August 25, 2018 by Jeffrey

[AntiMetaman]

7 hours ago, Jeffrey said:

core -> front -> global -> logo

<a href='{setting="base_url"}' id='elLogo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a>
<a href='{setting="base_url"}' id='elSiteTitle' accesskey='1'>{setting="board_name"}</a>

 

Are you sure the id is 'elLogo' and not 'Logo'? That's what is currently in the template. The second line isn't in the template. I copy pasted these two and saved. Now, when I try to load my site, it's stuck on loading.

[Jeffrey]

That's the default IPS logo template. Click the "Revert" button and it will give you the same code. You asked for an image to be next to some text and that's what the code does.

[AntiMetaman]

Just so we are in the same page, this is the original code under core->front->logo:

{{if \IPS\Theme::i()->logo['front']['url'] !== null }}
{{$logo = \IPS\File::get( 'core_Theme', \IPS\Theme::i()->logo['front']['url'] )->url;}}
<a href='{setting="base_url"}' class='logo' accesskey='1'><img src="{$logo}" alt='{setting="board_name" escape="true"}'></a>
{{else}}
<a href='{setting="base_url"}' class='logo' accesskey='1'>
	<span>
		<span class='logo-name'>{{if theme.focus_logo}}{theme="focus_logo"}{{else}}{setting="board_name"}{{endif}}</span>
		{{if theme.focus_slogan}}<span class='logo-slogan'>{theme="focus_slogan"}</span>{{endif}}
	</span>
</a>
{{endif}}

I replaced line 3 with the two lines you posted. Once I do that and save, the forum no longer loads and goes to timeout.

[Lukasc1]

just do it!

[AntiMetaman]

I already did. The site took time to load. It shows the text next to logo but the logo is broken. It doesn't seem that the location of where it is trying to retrieve the logo is the correct one.

[Cookie Monster]

The question(s) in this support topic have been answered and the topic author has resolved their issue. This topic is now closed. If you have other questions, please open a new topic.