CSS code to change my site alignment from center to left?

[longtimeweeble]

I'm usign "clean lines" theme and really don't wnat to start over with a new one, but I'd like to move my site title to align left rather than center? Anyone have some CSS for that? Thanks so much!!

[Adam7]

Thanks for posting a thread about this, @longtimeweeble. Can you post a link to your site? That will help our Community members figure out a solution for you.

[longtimeweeble]

Thanks, Adam. I am trying to find CSS to move my site title from center to left. My theme is Clean Lines.

the site is : KimberlyTeal.com

Thanks for any suggestions!

[PaulMathews · Accepted solution]

You'd change the header id alignment from center to left (highlighted in red text below). But, I'm not sure I understand why you would want to do this unless you move your navigation to the right of your logo. And the issue with that is that your navigation menu bar is quite fully populated so that'd be a tight squeeze if placed to the right of your logo. The header looks quite nice as it is. You could potentially reduce the padding a bit so that the header doesn't take up quite so much vertical screen space but, beyond that, I don't think changing the alignment of your logo from center to left is a good idea.

Change alignment of logo

#header {
    text-align: center;
    padding-top: 52px;
    padding-bottom: 25px;
}

Reduce header padding

#header {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

#navigation {
    padding-bottom: 20px;
    width: 960px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
}

[longtimeweeble]

Paul,

Thank you so much! I really appreciate your time.

I agree with your comments. Now that my navigation is so full, it wouldn't make sense to try to shift it to the right. I think I might jsut make my logo a bit smaller.

Wonder if you might have some input on a second issue. I was able to widen the body of my site the other day. I don't even know how I did it. I was messing aroudn with code and have no business doing that. It's okay, but now actually a bit too wide. Also something about that change made all the header photos have a line down the center and the left side looks shaded. I'm wondering if you, or someone you know, might be available for hire to fix it? Not sure if that is okay to ask on here? Not menaing to offend anyone or break any rules.

Thanks again!