MyBB Community Forums

I already use ACP>Templates and Themes>Board Logo field to specify my logo/picture that I want displayed on the forum - so far so good.

My problem is I want my logo, which is a jpg image to change size with different screen resolutions; as such I want to add some code like fixing the width to n%, position to absolute, etc. For this purpose, I need to know which file contains code for the header logo so I may add further code there. I tried searching but could not find any info; is it possible to add this new information in the global stylesheet? If so kindly advise how and where.

Thanks,
Ijlal

I think you can use either:

#logo
#logo img

(depending on whether you want the logo's container div or the actual img tag)

Or the actual HTML is in the header template.

Actually I am a bit green to all this; I was searching in the global.css for logo.png so I could make changes in the sytlesheet but nowhere is it referenced. Now I am looking for the filename that contains this reference so I may make changes there.

Thanks,
Ijlal

The logo itself is in the header template.

Personally I would just go ACP > Templates & Styles > Templates > Select active template > Header Templates > Header and replace:

<img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />

With:

<img src="{$theme['logo']}" width="whatever%" height="whatever%" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" />

You can also replace {$theme['logo']} with your full logo path.

Well that's handy ...thank you...

Thanks a lot to you guys I was able to work out at least a workable solution by using above suggestions and tweaking a few adjustments in the stylesheet.

Have a nice day!
Ijlal