Tagged: Custom CSS
- This topic has 13 replies, 2 voices, and was last updated 9 years, 5 months ago by Sakin.
-
AuthorPosts
-
September 28, 2014 at 6:17 pm #45003rojtalbotMember
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 #45025SakinKeymaster@rojtalbot: Can you send me your site URL so that I can check in.
September 29, 2014 at 3:11 am #45046September 30, 2014 at 12:46 am #45082SakinKeymaster@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 #45088rojtalbotMemberThat works!
Thanks!
I will follow-up with the upgrade to pro
September 30, 2014 at 9:37 pm #45116SakinKeymaster@rojtalbot: Thanks for your appreciation.
October 2, 2014 at 4:21 pm #45196rojtalbotMemberJust 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 #45205SakinKeymaster@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 #45643rojtalbotMemberJust 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 #45647SakinKeymaster@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 #45661rojtalbotMemberActually not sure how it got there but would like to remove margin.
October 12, 2014 at 8:14 am #45672SakinKeymaster@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 #45719rojtalbotMemberSorry 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 #45734SakinKeymaster@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; }
-
AuthorPosts
- The topic ‘Add Margin Space to Main Content Area’ is closed to new replies.