Theme margins and text (8 posts)

  1. utdweekly17
    Posted 3 years ago #

    This is an article on my site: http://insidesiralexfergusonstand.com/norwich-city-1-0-manchester-united-sir-alex-ferguson-gets-it-wrong/

    Now, here's an article on another site that uses the same theme: http://arseblog.com/2012/11/everton-1-1-arsenal-a-hard-earned-point/

    In the latter site, it is very different to mine in the sense that the text goes until the end. I want to have the exact same effect, so how do I achieve this?

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    I don't see what you mean by "text goes until the end." Your entire post is on that page so far as I can see -- isn't this the last sentence?

    Maybe it is finally time for Fergie to show more positive signs towards the “younger” generation

  3. utdweekly17
    Posted 3 years ago #

    Sorry, I mean can you look at the customisation for the latter's site in terms of text. Like what colour, the padding, etc.? I'm not good with Firebug, would be appreciated.

  4. WPyogi
    Forum Moderator
    Posted 3 years ago #

    The only differences in the text are this:
    Font size -- your is 13px , theirs is 12px
    Color -- yours is #1A1919, their is #333333 (black)
    Line height -- yours is 19.5px and theirs is 22px

    Their main content section is also wider than yours.

    Firebug is really worth learning how to use -- there is lots of easy to follow information an the Firebug site, and it's very easy once you spend a few minutes learning the basics.

  5. utdweekly17
    Posted 3 years ago #

    Can you give me the code to make the main content the same width as his and the line height the same, mate?

  6. WPyogi
    Forum Moderator
    Posted 3 years ago #

    In your custom CSS, add the line height to the p styles:

    p {
        font-size: 1em;
        line-height: 1.9;
        margin: 5px;
        padding: 1px;

    So far as making the content section wider, that's more complicated because it means adjusting many other elements on the page as well. Page layouts are kinda like puzzles -- and if you change the size and shape of one piece, the other pieces no longer fit together right -- an then you have a mess. It would not be so bad if it was only one static HTML page, but with dynamic pages and many different templates using the same basic pieces, it's complicated and easily troublesome. So I really would not recommend going that route, especially if you're not comfortable with CSS fiddling :).

  7. utdweekly17
    Posted 3 years ago #

    Done, it looks so much better now. Thanks for your help, yogi. :D

  8. WPyogi
    Forum Moderator
    Posted 3 years ago #

    You're welcome and yep, I agree that the line spacing is a good change -- it's amazing how big an impact those details of typography and layout can have on readability, etc. But then again, on the other hand, don't get too obsessed with that stuff -- focus on what's on the page cause that's what people really care about!! Good luck with it.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.