Results 1 to 8 of 8
  1. #1
    Join Date
    Sep 2011
    Posts
    30
    Plugin Contributions
    0

    Default header image alignment

    I hardly ever have my pages maximized, so I didn't notice.

    www.faithfullyyours.net/Shopping

    when maximized the logo is too far to the left. Is there a way to fix it so it aligns better no matter what size. I would like it where the "F" is off to the left.

    stylesheet now:

    #logo{line-height:115px;}

    This is the only thing I can find that could be edited.

    Thanks for any help!

  2. #2
    Join Date
    May 2010
    Location
    WA State
    Posts
    1,678
    Plugin Contributions
    3

    Default Re: header image alignment

    Try adding:

    padding-left: xxpx;

    Adjusting the xx until it's positioned where you want it.

  3. #3
    Join Date
    Sep 2011
    Posts
    30
    Plugin Contributions
    0

    Default Re: header image alignment

    Ok, I've tried that and it is better. It appears the logo doesn't move as the page size increases so depending on the the screen size of the view determines how it will look. I've checked on a netbook, 14" and 17" monitors. The smaller ones appear ok, but the larger one when fully maximized puts the logo to far to left.

    Is there anyway to make the logo static, so it is always in the same position, say xx spaces from the tagline?

    Thanks for any help!

  4. #4
    Join Date
    May 2010
    Location
    WA State
    Posts
    1,678
    Plugin Contributions
    3

    Default Re: header image alignment

    You could try float: right;

  5. #5
    Join Date
    Sep 2011
    Posts
    2
    Plugin Contributions
    0

    Default Re: header image alignment

    Your logo can't be fixed since your #logoWrapper doesn't have a width, so by default your logo will be to far left of the users monitor.

    Try..

    #logoWrapper {
    height: 140px;
    line-height: 140px;
    margin: auto;
    width: 900px;
    }

    Then, create another div that wraps around the logoWrapper.

    #logoWrapperbg {
    background-color: #FFFFFF;
    background-image: url("../images/header_bg.jpg");
    background-repeat: repeat-x;

    }

  6. #6
    Join Date
    May 2010
    Location
    WA State
    Posts
    1,678
    Plugin Contributions
    3

    Default Re: header image alignment

    Why create an additional div? Why not just add width: 900px to #logoWrapper?

  7. #7
    Join Date
    May 2010
    Location
    WA State
    Posts
    1,678
    Plugin Contributions
    3

    Default Re: header image alignment

    Ah, now I see why. By just adding the width to the existing logowrapper it would no longer go from edge to edge.

  8. #8
    Join Date
    Sep 2011
    Posts
    30
    Plugin Contributions
    0

    Default Re: header image alignment

    Great! Actually my template already had the logowrapperbg. Thanks soo much.

    Now if I can only figure out the featured product box...

    Faithfully,

    Dawn

 

 

Similar Threads

  1. header alignment
    By justerrt in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 6 Jul 2010, 02:48 PM
  2. Header alignment problem
    By panuma in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 14 Jun 2010, 11:46 PM
  3. Header alignment
    By webby2009 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 18 Dec 2009, 10:33 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