Tagged: Custom CSS
- This topic has 13 replies, 2 voices, and was last updated 7 years, 8 months ago by
Sakin.
-
AuthorPosts
-
September 28, 2014 at 6:17 pm #45003
rojtalbot
MemberI 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 #45025Sakin
Keymaster@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 #45082Sakin
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 #45088rojtalbot
MemberThat works!
Thanks!
I will follow-up with the upgrade to pro
September 30, 2014 at 9:37 pm #45116Sakin
Keymaster@rojtalbot: Thanks for your appreciation.
October 2, 2014 at 4:21 pm #45196rojtalbot
MemberJust 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 #45205Sakin
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 #45643rojtalbot
MemberJust 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 #45647Sakin
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 #45661rojtalbot
MemberActually not sure how it got there but would like to remove margin.
October 12, 2014 at 8:14 am #45672Sakin
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 #45719rojtalbot
MemberSorry 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 #45734Sakin
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; }
-
AuthorPosts
- The topic ‘Add Margin Space to Main Content Area’ is closed to new replies.