XF 2.2 Forum Template Background Colour (Between The Banner Image And The Header Tabs)

[SaveTheWest]

We've been creating a few different templates for our forum, and an issue we've run into multiple times is that we want the colour of the background to be different for the section between the banner image & the header tabs.

See here, at the blue arrows, for visualization:



We would like to change this colour, or, make it transparent (such that the banner image would fill these regions).

Our work-around approach thus far has been to chose banner images which blend at the bottom with the background colur for the template (grey-ish in this case). That is not always possible though.

Is there any add-on to help with this? CSS code? Or, a simple setting that we have just missed?

 

[Russ]

Is that this style? https://xenforo.com/community/resources/ixerius-flat-theme-by-sultantheme-com.8419/

If so, reach out for help with the style author.

Normally, Style properties -> Header and navigation -> Navigation row would change that. If it doesn't, reach out to the style author for help.

 

[SaveTheWest]

Is that this style? https://xenforo.com/community/resources/ixerius-flat-theme-by-sultantheme-com.8419/

If so, reach out for help with the style author.

It's a modified version of one of the Xderium styles from here:

ST Xenforo 2 Pro Pack

Elevate your XenForo 2 community with the ST XenForo 2 Pro Pack, featuring sleek and professional flat themes. Transform your forum into a sophisticated, clean, and visually appealing space where members can engage and excel. Discover the potential for a polished and modern look, and take your...

www.sultantheme.com

 

[SaveTheWest]

Normally, Style properties -> Header and navigation -> Navigation row would change that. If it doesn't, reach out to the style author for help.

That did the trick, thank you. Not sure how we missed that before.

The default value for that style/theme was 'fully transparent' (hence having the background colour from below).

So, we can change the colour of it, or, use the banner image (full image), crop it such that the top of the new image seamlessly flows from the bottom of the banner image, and, upload that second banner image.