Adding Hover & Reducing Margins

  • Well, I’m stumped. I’m trying to fix the quirks in my site (www.miconfidential.com) before I start adding the real content.

    The two items of code that I can’t figure out how to add is the ability to reduce the padding (margin?) between posts and also how to add a hover color to the titles of posts. The theme I’m using is Elegant Grunge.

    Thanks for any help you can give!

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

  • Reduce the padding, search in style.css /* #content-body */ and edit the padding according you need:

    #content-body {
    float: left;
    width: 490px;
    padding: 0 20px; <–edit here
    }

    For add the hover color, edit this code in style.css file:

    h2 a:hover {
    color: #eef; <– edit hover color
    }

    Thread Starter scott_m

    (@scott_m)

    Thanks,

    I tried editing the padding but all changing the first number did was squish or expand the posts and changing the “20px” just moved the location of them. I’m just trying to reduce the space between the posts. Am I doing something wrong?

    That hover code wasn’t even in my style.css so adding it definitely made all the difference…thanks man!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try

    .post .hr {
 display: none;
}

    Remember any changes made to original theme files will erase once the theme updates. Since your theme hasn’t updated in 2 years, I don’t think you have anything to worry about.

    Thread Starter scott_m

    (@scott_m)

    Holy crap, that did it! I tried to mess with it to split the difference but I guess it will be all or none.

    I didn’t know that updates erased any changed. Thanks for letting me know.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adding Hover & Reducing Margins’ is closed to new replies.