Adding Hover & Reducing Margins (5 posts)

  1. scott_m
    Posted 2 years ago #

    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!

  2. radhika
    Posted 2 years ago #

    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

  3. scott_m
    Posted 2 years ago #


    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!

  4. Andrew
    Forum moderator
    Posted 2 years ago #


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

  5. scott_m
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.