Can't seem to get unwanted space removed

  • Resolved Colby Ross

    (@colby-ross)


    12 years, 2 months ago

    So I got the plugin, Special Recent Posts:
    http://wordpress.org/extend/plugins/special-recent-posts/

    I’ve been playing around with this plugin a bit, and I’m having a bit of difficulty removing unwanted space between the title and the date.

    After lots of work, I’m quite certain that this plugin has nothing to do with the extra space between the title and the date.

    You can see this unwanted space on my website in the sidebar:
    http://www.ios-source.com

    What I want is for it to look like the example below’s recent posts sidebar:
    http://www.redmondpie.com

    Their recent posts sidebar has barely any space between each line, I want mine to be like that. So if anybody could tell me what needs to be done, that would be great.

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • peredur

    (@peredur)

    12 years, 2 months ago

    This is the rule that’s creating the margin (that’s creating the gap):

    h1, h2, h3, h4, h5, h6 {
  margin: 25px 0 15px;
}

    Try creating a rule for:

    div.srp-widget-singlepost {
  margin: /* your values here */;
}

    … playing with the values until you get something that works for you.

    Of course you should be aware that the only recommended way of making changes to themes is via a child theme.

    HTH

    PAE

    Thread Starter Colby Ross

    (@colby-ross)

    12 years, 2 months ago

    This is the rule that I created:

    div.srp-widget-singlepost {
	padding       : 0px 0px 0px 0px;
	margin        : -20px -3px -7px -4px;
	border-bottom : 2px dashed #CCCCCC;
}

    The margins would be much larger if I hadn’t changed these margins in the settings.
    But what these margins don’t change is the one line space between the title and the date.

    peredur

    (@peredur)

    12 years, 2 months ago

    h4.srp-widget-title {
  margin-bottom: 0;
}

    Works for me.

    Cheers

    PAE

    Thread Starter Colby Ross

    (@colby-ross)

    12 years, 2 months ago

    Worked for me too.

    Thanks a lot!

    kelemvor

    (@kelemvor)

    11 years, 3 months ago

    Even though mine is in the widget on the side of the screen, I had to use:

    h4.srp-post-title {
    margin-bottom: 0;
    margin-top: 0;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can't seem to get unwanted space removed’ is closed to new replies.