Align Title, menu and content areas

Community Forums Forums Design Tips and Tricks Align Title, menu and content areas

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  lanceallen 2 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #117873

    Leonidt1985
    Member

    Hi,

    How do I align the title, menu and content areas to be all starting from where the content area is?

    My site is: http://newsite.leonsdance.com/

    #117874

    lanceallen
    Member
    Post count: 10

    Look At this in your style.css file

    .entry {
    margin-bottom: 40px;
    padding: 50px 60px;

    The Padding on the left is set to 50px
    you want it to read as follows

    .entry {
    margin-bottom: 40px;
    padding: 0px 60px;

    That will move your content to your tile alignment.

    To move your title alignment, I would use this. This is all of your css for the title. I just added the last line of padding. I added 20px to align it with your menu. You can just make it a higher number to align it with your content. I think making it all straight aligned looks too boxy.

    **// This Moves your Site Title

    .site-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 20px;

    **// This Moves your site Description,Again just change the value in the padding.

    .site-description {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    padding-left: 20px;

    **// This Moves your Navigation

    ol, ul {
    margin: 0;
    padding-left: 35px;
    • This reply was modified 2 months, 1 week ago by  lanceallen.
    • This reply was modified 2 months, 1 week ago by  lanceallen.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.