Help with 2 CSS questions please: List align, inter-paragraph space

  • Hello!

    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: https://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)?

    Thanks!
    Mike

Viewing 2 replies - 1 through 2 (of 2 total)

  • 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.

    Thread Starter micsaund

    (@micsaund)

    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!

    Mike

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help with 2 CSS questions please: List align, inter-paragraph space’ is closed to new replies.