Forums

[resolved] Adding a divider line and space between homepage posts (4 posts)

  1. handshake
    Member
    Posted 4 months ago #

    http://whatdoyoulistento.com/

    I am trying to add a divider line, maybe 1-3 px underneath the share buttons of each post. Then I want to add about 50 extra pixels below that line before the next title starts.

    Help!

    Thanks!

  2. zoonini
    help me help you
    Posted 4 months ago #

    In your stylesheet, change this:

    #content h2 {
        font-size:27px;
        margin:5px 0 7px 0;
    }

    To something like:

    #content h2 {
        font-size: 27px;
        margin: 50px 0 20px 0;
        padding-top: 10px;
        border-top: 1px solid #666666;
    }

    Adjust the padding, margin, and border colours/thickeness as you like.

    Just watch out: use a custom stylesheet if your theme offers one, or build a child theme - otherwise beware as your style tweaks will likely be overwritten if you update the theme in future.

  3. zoonini
    help me help you
    Posted 4 months ago #

    p.s. this is just basic CSS - as a professional web designer you can just use the techniques you must use on other types of sites - WordPress is no different.

  4. handshake
    Member
    Posted 4 months ago #

    Thanks!

Reply

You must log in to post.

About this Topic

Tags