Results 1 to 8 of 8

Hybrid View

  1. #1
    Join Date
    Jun 2012
    Posts
    21
    Plugin Contributions
    0

    Default Re: center Header Title

    Ivan,

    Never mind, I manually found 'stylesheet_tm.css' and added the code indicated above - no change.

    This is the code found for '.bot-banners':

    .bot-banners{
    width:525px;
    background:url(../images/title1-bg.png) repeat-x left top #3c4046;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    position:relative;
    overflow:hidden;
    margin-left:1px;
    }
    .bot-banners div{
    float:left;
    text-align: center;
    width: 100%;
    }
    .bot-banners h3.title{
    color:#f4f8fe;
    font-size:13px;
    line-height:16px;
    padding-left:172px;
    }
    Any ideas?

    Mike

  2. #2
    Join Date
    Jun 2012
    Posts
    21
    Plugin Contributions
    0

    Default Re: center Header Title

    Ivan,

    I noticed when I 'ftp'd' '.css' file from my computer (14,825) to host, the file size did not change in host dir. (14,182) and permission is '0644'. could this be a factor?

  3. #3
    Join Date
    Jun 2012
    Posts
    21
    Plugin Contributions
    0

    Default Re: center Header Title

    I am looking for an 'easy' way to center the title on a header bar. If you look at the home page http://www.mimirbooks.com/ bottom of center section, you will see the header bar "Mimir Books Online - ...". I have done the steps ivan999 suggested with some success, but as you can see on the home page I'm not quite there.

    Here is the up-to-date code for the .bot-banners:

    .bot-banners{
    width:525px;
    background:url(../images/title1-bg.png) repeat-x left top #3c4046;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    position:relative;
    overflow:hidden;
    margin-left:1px;
    }
    .bot-banners div{
    float:left;
    text-align:center;
    width: 100%;
    }
    .bot-banners h3.title{
    color:#f4f8fe;
    font-size:13px;
    line-height:16px;
    padding-left:172px;
    text-align:center;
    }
    Does the 'padding-left' somehow control the alignment? I would greatly appreciate any help to center the text.

    Mike

  4. #4
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: center Header Title

    Remove the red part:

    .bot-banners h3.title{
    color:#f4f8fe;
    font-size:13px;
    line-height:16px;
    padding-left:172px;
    text-align:center;
    }


    Change the red part to 250px, or to taste:

    ul.tabs2 li.last{
    padding-right:142px;
    border-bottom:1px solid #fff;
    border-right:none;
    width: 100px;
    text-align: center;
    }

  5. #5
    Join Date
    Jun 2012
    Posts
    21
    Plugin Contributions
    0

    Default Re: center Header Title

    Just worked it out, deleted the 'padding-left:172px;. Thanks stevesh and I will look at the other.

    Thanks for all the help!

    Mike

 

 

Similar Threads

  1. v139h Center center logo in header
    By brush4hire in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 23 May 2012, 01:44 PM
  2. Header off center
    By timhersh in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 6 Mar 2012, 06:26 PM
  3. Center Category Title & Description
    By mattymaxx in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 16 Jul 2010, 01:59 PM
  4. center header
    By phat in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 12 Oct 2008, 11:18 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg