Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 28, 2014 at 6:17 pm #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?

    September 29, 2014 at 12:24 am #45025
    Sakin
    Keymaster

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

    September 29, 2014 at 3:11 am #45046
    rojtalbot
    Member

    http://biz139.inmotionhosting.com/~middle45/middletonrecreation.org/test/

    September 30, 2014 at 12:46 am #45082
    Sakin
    Keymaster

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

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

    September 30, 2014 at 2:38 am #45088
    rojtalbot
    Member

    That works!

    Thanks!

    I will follow-up with the upgrade to pro

    September 30, 2014 at 9:37 pm #45116
    Sakin
    Keymaster

    @rojtalbot: Thanks for your appreciation.

    October 2, 2014 at 4:21 pm #45196
    rojtalbot
    Member

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

    October 2, 2014 at 10:16 pm #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; }

    October 11, 2014 at 5:36 pm #45643
    rojtalbot
    Member

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

    October 11, 2014 at 7:32 pm #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.

    October 12, 2014 at 12:42 am #45661
    rojtalbot
    Member

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

    October 12, 2014 at 8:14 am #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; }

    October 13, 2014 at 6:13 pm #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.

    October 13, 2014 at 9:24 pm #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; }

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