WordPress.org

Forums

[closed] [Quintus] CSS of main text margin/height (8 posts)

  1. roadcamelaudio
    Member
    Posted 3 years ago #

    Hey guys! Just so you know, I'm not using the .phps, I'm running as a blog and tinkering with the CSS through the custom themes menu.

    Anyway, I'm trying to format the blog to look like a normal website, and it's so far involved a lot of manipulating of margins and sneaky font sizes and such to remove unwanted content from the page, but the one thing I can't seem to do is get the main body of text closer to the menu bar. There's about a 150px gap between the menu bar and the first line of text and I've scoured the CSS code and can't seem to find the parameter for it.

    Can anyone help?
    The site is http://www.roadcamel.com - but this isn't unique to me; every Quintus page needs a bit of scrolling before you hit main text, and I want to get rid of that.

    Thanks guys!

  2. roadcamelaudio
    Member
    Posted 3 years ago #

    Oh and while I'm at it, if anyone could tell me how to get rid of "Posted in uncategorized" that would be awesome!
    I managed to code the date stamp out as well as the ornament down the bottom, but I couldn't figure the other out.
    (I'm a very amateur coder, so I'm just stumbling my way through it til it works!)

  3. Michael
    Forum Moderator
    Posted 3 years ago #

    the style of #page seems to have a large top margin; try to locate that in style.css of your theme;
    http://www.w3schools.com/css/css_margin.asp

    for the 'posted ...' part:
    try to add this to style.css:

    footer.entry-meta { display: none; }

  4. roadcamelaudio
    Member
    Posted 3 years ago #

    Thanks for the quick response, dude.
    That 'posted' fix worked, thanks so much! :D

    As far as the top margin goes, this is what I found:
    margin: 0px auto 60px;
    I tinkered with the px values and it didn't change anything - is it the 'auto' part that's doing it? Same goes for what's underneath the main body of text actually - the gap between the text and the footer is massive.

    It's looking much better though! (on my screen, I haven't actually applied the code yet, so you won't see it)

  5. roadcamelaudio
    Member
    Posted 3 years ago #

    Or there was this:

    #page {
    	display: block;
    	margin: 1em;
    }
  6. Michael
    Forum Moderator
    Posted 3 years ago #

    Or there was this:

    that's it ...

    change to:

    #page {
    	display: block;
    	margin: 0 1em 1em;
    }
  7. roadcamelaudio
    Member
    Posted 3 years ago #

    Hmmmm, didn't seem to do anything. What else could I try?

  8. Michael
    Forum Moderator
    Posted 3 years ago #

    the top margin of #page is still unchanged;

    I just discovered, that your site is with wordpress.com - you therefore need to ask your question at http://en.forums.wordpress.com/

    a small and significant difference http://en.support.wordpress.com/com-vs-org/

    good luck ;-)

    [this topic here is now closed]

Topic Closed

This topic has been closed to new replies.

About this Topic