http://thescarabfamily.com
I understand their is a thread answering this but what is different is I made my logo as far left as I could but I do not like the 1 in gap. Is their a way to move the logo even further left? Thank you
header template of theme consists of code like below
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<div class="wrapper"> can be moved next to
</a> & that will move logo image to left side.
then
required gap for the
logo image can be added by using
left-margin style property for
#logo img in the
global.css
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<ul class="menu top_links">
I believe my code is slightly different how would I adjust the banner so it does not have that 1inch gap? What do I do in global c.ss. Just a bit confused. Thank you
you can move
<div class="wrapper"> to
above of <ul class="menu top_links">
at the
bottom of global.css you can add style property like below (edit in
advanced mode)
#logo img {left-margin: 8px;}
got it fixed but I would like to play around with the gap below the banner and above the banner. How would I adjust those? thank you
#logo has
padding 10px for the
top & bottom. that may be removed & required
top & bottom margins can be added
[
css margin & padding]
where do I find the margin and padding? global css?
^ padding for #logo is in the global.css (near the beginning). required margin properties can be added.