Styling Asides

  • Hi All,
    Just wanted to get some input on asides. I used Coldforged’s plugin to get my asides, did some some quick styling and was posting asides in no time. But now I want style them a little better. Preferably, I’d like to have them like https://www.coldforged.org or Mike G’s at https://www.reelreviewsradio.com. The things I can’t seem to do are:

    1: make the corners rounded
    2: close the space just a bit in between the posts
    3: reduce the space on the top and the bottom of the asides (don’t like wasting space)

    Here’s my site: https://www.no1slistening.com
    Here’s my coding from my CSS:
    .asides {
    font: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    font-size: 0.8em;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 8px;
    background-color: #cccccc;
    border: 1px solid #666666;
    }

    Forgive it seems amateurish. Just started using WordPress two weeks ago.

    Thanks for any/all help!

    JV

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

  • margin-top is the CSS command that controls the margin on the top (go figure!) of a box. Reduce the number to reduce the margin.

    The bottom margin is probably being caused by a margin-top command on whatever tag encloses the post titles. It’s usually one of either <h1> or <h2>. Check the CSS for margins on those and reduce them.

    The rounding, I would guess, comes from a set of Mozzila-specific CSS commands. They are -moz-border-radius-left, -moz-border-radius-right, etc. You can set the radius in terms of pixels, and then it will round the corners as if it were drawing little circles with radii of the length you speficy, in the corners of the box. Try it out for yourself and you’ll understand. Remember, though, that these will only work on Mozzila browsers (Firefox, etc.).

    Thread Starter vasquezdeli

    (@vasquezdeli)

    Avenir,
    Thanks for the help! I’ll try it out.

    Thanks,
    JV

    Avenir speakem truth. There are ways to get rounded corners in IE, but I don’t care enough to do them :).

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Styling Asides’ is closed to new replies.