WordPress.org

Ready to get started?Download WordPress

Forums

Adding Hover & Reducing Margins (5 posts)

  1. scott_m
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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
    Member
    Posted 1 year ago #

    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!

  4. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    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.

  5. scott_m
    Member
    Posted 1 year 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

Tags

No tags yet.