Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #45003
    rojtalbot
    Member

    I recently added the following code to eliminate white space above main content area:

    .home #main { padding: 0; }

    But the problem is that it removed the left margin to 0. How can I restore a margin?

    #45025
    Sakin
    Keymaster

    @rojtalbot: Can you send me your site URL so that I can check in.

    #45046
    rojtalbot
    Member
    #45082
    Sakin
    Keymaster

    @rojtalbot: You can replace your css
    .home #main { padding: 0; }

    With the following css:
    .home #main { padding-top: 0; }

    #45088
    rojtalbot
    Member

    That works!

    Thanks!

    I will follow-up with the upgrade to pro

    #45116
    Sakin
    Keymaster

    @rojtalbot: Thanks for your appreciation.

    #45196
    rojtalbot
    Member

    Just noticed that the fix works only to the Front Page. Can this be tweaked to apply to all pages?

    #45205
    Sakin
    Keymaster

    @rojtalbot: If you want that for all pages, then remove .home from yoru css. So, replace your css
    .home #main { padding-top: 0; }
    With the following css
    #main { padding-top: 0; }

    #45643
    rojtalbot
    Member

    Just noticed that the last CSS edit also added a margin to my logo. Can I remove just the logo margin?

    #45647
    Sakin
    Keymaster

    @rojtalbot: Not it will not add margin to your logo. How can that be possible? I give you CSS to remove the padding top of the main wrapper and it has nothing to do with the margin of your logo. Can you show me how it adds margin.

    #45661
    rojtalbot
    Member

    Actually not sure how it got there but would like to remove margin.

    #45672
    Sakin
    Keymaster

    @rojtalbot: I am quite lost. I think you are taking about the spaces above your header wrapper. The margin of 10px. If you are talking about that go to you Custom CSS and find the following css:
    .site { margin-top: 10px; }

    and then replace with
    .site { margin-top: 0; }

    #45719
    rojtalbot
    Member

    Sorry for not explaining this more. I am trying to include more items in the main menu. If I try to add one it pushes them down below the logo. I thought that if I could move the logo to the left as far as possible then I could add the additional menu item.

    #45734
    Sakin
    Keymaster

    @rojtalbot: If you want that then, find the following css in your custom css
    #hgroup-wrap { padding-bottom: 0; }

    And then replace it with the following
    #hgroup-wrap { padding: 0; }

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Add Margin Space to Main Content Area’ is closed to new replies.