• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 Add Banner to Header

#1
Hello,

I am realy lost - it is so hard to figure out where to add things being displayed once.

I already use Firebug, otherwise I would have no Chance at all.
Isn`t there a documentation at all where to find the principe of the Templates and Styles o_O
How do they work or influence the apperiance?

I also don`t get how someone should know all this global variables you can use?

Here is my Xenforo with a bought theme.

Xenforo_Banner.jpg

I just want to add a Banner above the Metro Bar.

First I thougt, I will use the Template "ad_header" - but when adding an Image there - nothing at all is Happening - how can this be :eek:

With Firebug I fould that maybe for my case "metro_top_nav" should be an Option.

<div class="navTabs topMenu">
<div class="pageWidth">
<div class="pageContent">
<img src="http://stronginspirit.com/SIS II Images/Orange Banner.png">
<xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if>
</div>
</div>
</div>
thats how this file Looks like.
The Banner is now like in the Picture shown.

I have no idea how to put the banner over the Navigation Bar and make the space bigger.

Please can anybody guide me?
After hours and hours searching, once without success you get :censored:

Erich
 
#2
here I also have a screenshot with Firebug showing me that the container "navTabs topMenu" only is small at the Top.
So why is the image I embed outside the container?
What is the sense of a Template or container, if I would extra have to specify the height of the image?

Xenforo_Header_div.jpg

Please can anybody explain me.

Erich
 

Optic

Well-known member
#5
Start by looking at Style Properties: Header and Navigation. You can do simple changes there such as the header image, background colour and image.

It would be very helpful if you could post a link to your forum so we can inspect the theme, it is difficult to see how the layout is created based on your screenshots alone.