[Quintus] CSS of main text margin/height

  • roadcamelaudio

    (@roadcamelaudio)


    12 years, 5 months 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!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter roadcamelaudio

    (@roadcamelaudio)

    12 years, 5 months 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!)

    Michael

    (@alchymyth)

    12 years, 5 months 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; }

    Thread Starter roadcamelaudio

    (@roadcamelaudio)

    12 years, 5 months ago

    Thanks for the quick response, dude.
    That ‘posted’ fix worked, thanks so much! 😀

    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)

    Thread Starter roadcamelaudio

    (@roadcamelaudio)

    12 years, 5 months ago

    Or there was this:

    #page {
	display: block;
	margin: 1em;
}

    Michael

    (@alchymyth)

    12 years, 5 months ago

    Or there was this:

    that’s it …

    change to:

    #page {
	display: block;
	margin: 0 1em 1em;
}

    Thread Starter roadcamelaudio

    (@roadcamelaudio)

    12 years, 5 months ago

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

    Michael

    (@alchymyth)

    12 years, 5 months 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]

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Quintus] CSS of main text margin/height’ is closed to new replies.