Help with 2 CSS questions please: List align, inter-paragraph space (3 posts)

  1. micsaund
    Posted 10 years ago #


    I'm pretty new to the whole WP and "advanced" web (CSS) stuff - when did /center become "bad" to use? ;^)

    Anyway, I started with a pre-made theme for my site and so far, I've been able to eventually figure-out how to adjust the CSS to get the look I want, except for 2 things:

    First, my site for reference so you can see what I'm talking about: http://www.micsaund.com

    1) On the left side, you will see that my "Indiana Jones: The Pinball Adventure" is too long and wraps. Is there a way to make the list indent any wrapped text so that it is block-aligned with the text above it, thus leaving just the dot out to the left? This would look much more clean IMO.

    2) If you click on a "more" link, you will see that the paragraph bodies are a little bit close, sometimes making it hard to discern the paragraph break. Is there a way to automatically make the end of a paragraph have a larger space (something like line-height but only at the close of the paragraph)?


  2. FruitFly
    Posted 10 years ago #

    1. If you remove list-style: inside; from your CSS, you should have the list alignment issue solved.

    2. Your CSS has the paragraph tag styled as
    p {
    font: 11px/16px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 2px;

    Try changing the margin or padding to get the spacing you're going for.

    And as a more general help response - spend some time getting to know CSS. A good start is the W3Schools CSS Tutorial.

  3. micsaund
    Posted 10 years ago #

    Thanks much for the help, FruitFly. I will go check that CSS doc out as well. I definitely need to learn about the ., #, >, and other weird modifiers that aren't immediately obvious to me!


Topic Closed

This topic has been closed to new replies.

About this Topic