Help - Search - Members - Calendar
Full Version: Moving Banner Title
Movable Type Community Forum > Using Movable Type > Default Stylesheets
ady
Hi. Would appreciate some help on this.

I'm trying to move the Weblog Name in the Banner on My Webpage further to the left of the screen and have no idea how to. I've tried a few things in the stylesheet but no success. sad.gif

My style sheet can be found here.

Thanks.
lisa
Do you just want to move your header or do you want/would you be ok with the whole page being wider?

The banner div is inside of the container div which controls the width of your content for the page, so the other things on the left edge (the links to Syms and Triptychs) would also move to the left if you made the container wider.

If you only want to move your banner over, then you'd probably have to move the banner outside of the container tag in all of your templates.
ady
Hi Lisa,

Ah... I just want to move the banner so I'll try putting it outside the container tag. Thanks for explaining what the other bits do. smile.gif
ady
Hmmm... ok. I've just put this whole chunk of code...

CODE
        <div id="banner">
           <div id="banner-inner" class="pkg">
              <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
              <!-- <h2 id="banner-description"><$MTBlogDescription$></h2> -->
           </div>
        </div>


just above the bit that says...

CODE
<div id="container">


Now the Weblog Name in the Banner at My Webpage sits in the center. LOL. I've gone back into the stylesheet to tinker around with the #banner bits but nothing seems to be able to shift it to the far left. Any ideas?
ady
Ok... I managed to figure it out.

I put the codes for

CODE
<div id = "banner">....</div>


above the

CODE
<div id="container">....</div>


Then in the stylesheet I did this...

CODE
#banner
{
  width: 900px; /* necessary for ie win */
  background: #FFFFFF;
}

#banner-header
{
margin-left:20px;
  color: #000000;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
text-align: left;
  text-shadow: #CCCCCC 0 2px 3px;
}

  .layout-one-column #banner { width: 1100px; } /* necessary for ie win */
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.