MyBB Community Forums

Full Version: How to change the header's height?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Hello,
I am using Vienna theme and i can't find where i can change the header's height in global.css.
Anyone that could help? ty

And how to change this SACG:RPG? http://prntscr.com/9jg622
Can anyone help me already ???
if you wanted to increase logo height then you can add #logo {height: 250px;} at the bottom of global.css of the theme
change 250px to your required height. (theme style sheets should be edited through forum admin panel - edit in advanced mode)

if above doesn't help then can you show your requirement with an image ..

SACG:RPG is the Board Name you have entered at site details of configuration (settings) section.
You could also check in your header template if the creator of that theme placed the logo there rather in the global.css
(2015-12-30, 11:54 AM).m. Wrote: [ -> ]if you wanted to increase logo height then you can add #logo {height: 250px;} at the bottom of global.css of the theme
change 250px to your required height. (theme style sheets should be edited through forum admin panel - edit in advanced mode)  

if above doesn't help then can you show your requirement with an image ..

SACG:RPG is the Board Name you have entered at site details of configuration (settings) section.

I don't want to change the logo's height, I want to change the Header's height i mean by this http://prntscr.com/9kcwm2 The space above the logo.
acp > templates > current template > header templates > header
find something similar to

<img src="{$mybb->settings['bburl']}/images/vienna/logo.png" alt="" />

Add '  style="margin-top:-30px;"  '



example
<img style="margin-top:-30px;" src="{$mybb->settings['bburl']}/images/vienna/logo.png" alt="" />


next time please provide a board url so we don't have to search for it.
This is whats inside the header.


Quote:<a name="top" id="top"></a>
<div id="mainwidth">
 
<div class="menu" style="margin-top: 0px;">
   <ul>
<li id="nav-portal"><a href="{$mybb->settings['bburl']}/portal.php"><i style="font-size: 14px;" class="fa fa-home fa-fw"></i> Home</a></li>
     
<li id="nav-forums"> <a href="{$mybb->settings['bburl']}/index.php"><i style="font-size: 14px;" class="fa fa-globe fa-fw"></i> Forums</a></li>
     
<li id="nav-search"> <a href="{$mybb->settings['bburl']}/search.php"><i style="font-size: 14px;" class="fa fa-search fa-fw"></i> Search</a></li>
     
<li id="nav-member"> <a href="{$mybb->settings['bburl']}/memberlist.php"><i style="font-size: 14px;" class="fa fa-user fa-fw"></i> Members</a></li>
     
<li id="nav-calendar"> <a href="{$mybb->settings['bburl']}/calendar.php"><i style="font-size: 14px;" class="fa fa-calendar fa-fw"></i> Calendar</a></li>
     
<li id="nav-help"> <a href="{$mybb->settings['bburl']}/misc.php?action=help"><i style="font-size: 14px;" class="fa fa-life-ring fa-fw"></i> Help</a></li>
  <ul>
</div>

<br />

  <div id="float_right"> {$welcomeblock}</div>
<div id="logo" style="margin-top: -20px;">
<div class="wrapper">
<div id="float_left"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>
                             </div>
                        </div>
     <div id="mbox" style="margin-top: -20px;">
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="content">
<div class="wrapper">
                <navigation><br />
               {$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers} <!-- BAM -->{$bam_announcements}<!-- /BAM -->
               {$pm_notice}
Quote:next time please provide a board url so we don't have to search for it.

templates > current template > header templates > header :: replace content with
<a name="top" id="top"></a>
<div id="mainwidth">
 
<div class="menu">
   <ul>
<li id="nav-portal"><a href="{$mybb->settings['bburl']}/portal.php"><i style="font-size: 14px;" class="fa fa-home fa-fw"></i> Home</a></li>
     
<li id="nav-forums"> <a href="{$mybb->settings['bburl']}/index.php"><i style="font-size: 14px;" class="fa fa-globe fa-fw"></i> Forums</a></li>
     
<li id="nav-search"> <a href="{$mybb->settings['bburl']}/search.php"><i style="font-size: 14px;" class="fa fa-search fa-fw"></i> Search</a></li>
     
<li id="nav-member"> <a href="{$mybb->settings['bburl']}/memberlist.php"><i style="font-size: 14px;" class="fa fa-user fa-fw"></i> Members</a></li>
     
<li id="nav-calendar"> <a href="{$mybb->settings['bburl']}/calendar.php"><i style="font-size: 14px;" class="fa fa-calendar fa-fw"></i> Calendar</a></li>
     
<li id="nav-help"> <a href="{$mybb->settings['bburl']}/misc.php?action=help"><i style="font-size: 14px;" class="fa fa-life-ring fa-fw"></i> Help</a></li>
  <ul>
</div>

<br />

  <div id="float_right"> {$welcomeblock}</div>
<div id="logo" style="margin-top: -20px;">
<div class="wrapper">
<div id="float_left"><a href="{$mybb->settings['bburl']}/index.php"><img style="margin-top: 10px" src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>
                             </div>
                        </div>
     <div id="mbox" style="margin-top: 10px;">
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="content">
<div class="wrapper">
                <navigation><br />
               {$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers} <!-- BAM -->{$bam_announcements}<!-- /BAM -->
               {$pm_notice}
file server > images > vienna :: replace logo.png with attached logo.png
[attachment=35693]
It's kinda the same but became smaller but thats fine thanks. I have another problem here the image doesn't show http://prntscr.com/9kla9b It should show like this http://prntscr.com/9kladt but the others aren't working ty
(2015-12-31, 10:00 AM)Each Wrote: [ -> ]It's kinda the same but became smaller but thats fine thanks. I have another problem here the image doesn't show http://prntscr.com/9kla9b   It should show like this http://prntscr.com/9kladt but the others aren't working ty

Those sections don't have any posts in them. For the third time provide a board url!!
Pages: 1 2