I'm having an issue with modifying the header on my forum. It is currently all white (like above on this site), but I would like to either replace the entire white space with my own image or force it to be translucent and show the background image.
A secondary issue I am having is that somehow there are margins or padding above and below the logo.png (on this site the MyBB logo). I would like my logo to all the way to the top of the window and right down to the grey bar that contains "welcome back". Ideally this would result in no white space on either the top or bottom of my logo.
Thanks!
what is your forum url & which theme you are using ?
(2017-05-20, 04:17 AM).m. Wrote: [ -> ]what is your forum url & which theme you are using ?
Sent you a PM.
global.css --> around line 49 padding property for #logo can be removed
background property for #logo can be changed (with single color or gradient or image)
if you want to change the display order of logo & welcome block then that needs to be
done by changing relevant codes order in the header template of the theme
(2017-05-20, 05:06 AM).m. Wrote: [ -> ]global.css --> around line 49 padding property for #logo can be removed
background property for #logo can be changed (with single color or gradient or image)
if you want to change the display order of logo & welcome block then that needs to be
done by changing relevant codes order in the header template of the theme
Ok after reading your advice and a fresh set of eyes I was able to fix it by removing the div id "logo" from header template:
Quote:<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />