Move Header Up and Add Slogan Underneath

[Kay]

Hi,
I would like to add a slogan underneath my header. I also need to push the header up and then add the slogan as detailed in the attachment. Would appreciate if you could be detailed in explaining how to do this. Thanks in advance

 

[Jake Bunce]

You can edit this template to add text to the logo area:

Admin CP -> Appearance -> Templates -> logo_block

This is the code for the logo image:

			<div id="logo"><a href="{$logoLink}">
				<span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
				<img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
			</a></div>

Though I would rather modify the logo image itself and add the slogan as part of the image to avoid having to edit the template.

Then you also need to set this height appropriately:

Admin CP -> Appearance -> Style Properties -> Header and Navigation -> Height of Header Logo

 

[Kay]

In the code you provided, how and where exactly do I add the text for the slogan. Thanks.

 

[Jake Bunce]

After the img tag would be a good place.

 

[MagnusB]

You just add it underneath the img tag.

EDIT: Ninja'd by Jake

 

[Kay]

I'm sorry, I don't mean to be difficult, I've never, ever done this before, I'm still not exactly sure where. I see this:
<img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />

Is this what your referring to? do i put the slogan after the closing tag? could you please just tell me exactly where? I really don't want to guess.

 

[MagnusB]

<img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
<h2>Slogan here</h2>

Then you need to style the h2 tag using something like

#logo h2 {
font-size: 15px;
font-color: white;
}

 

[Kay]

tx

 

[Shelley]

It would just be much easier and logical to just add it into the logo.

 

[MagnusB]

Actually, it makes some sense by adding it as text instead of image, as it is indexable, as well as easy to change. I have been exploring with the idea of pure html / CSS logo's, but it has been with the thinking for now.