Hi bluesunday007!
Glad to help!
In style.css, line 778, you have
.random_article span
.
There is
min-height: 250px;
that’s causing that giant gap.
Hope it helps! π
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@bluesunday007, By modifying the theme’s files those modifications will be erased the next time the theme updates.
Let us know if you want to prevent this.
Yes, it’s true, it’s better to create a child theme: http://codex.wordpress.org/Child_Themes
Thanks Andrew Nevins! Forgot that part…
Hmmm, OK, thank you for the additional feedback, Andrew. I’m still a novice when it comes to CSS and making edits. I’m a little scared as I don’t want to screw things up. But this is an irritant.
So what should I do? I just want to get rid of that extra white space. I have no idea why the CSS code got screwed up to begin with.
FYI – I went into the CSS style sheet and I can’t even find what Ricarditu pointed out. I’ve been trying to correct this using Firefox’s Firebug plugin but I’m not finding the line 778 in the CSS style sheet.
Matter of fact, when I go into the source code, I only see it go up to line 756 so how is Ricarditu finding line 778?
Don’t look for the line, sometimes it indicates a different one. Try to find it with Crtl+F (in PC, I don’t know the shortcut in Mac…) and then search for it.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Remove this from your Child Theme style.css file:
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-39921174-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
And replace it with:
.random_article span { min-height: 1em; }
OK, thank you very much, Andrew. Let me attempt this. Thank you!
OK, so I removed the code you specified from the Child theme and replaced it with the code you specified: .random_article span { min-height: 1em; }
And after refreshing the homepage, I’m still seeing the white space in the news category. π
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Instead of this:
.random_article .title_top span { min-height: auto; }
Use this:
.random_article .title_top span { min-height: 1em; }
YES!!!!!!!!!!!!!!!!
Thank you, Andrew!!!!!!!!!!!!!!!!!!!!
Damn! Now I really have got to take some CSS classes.
Thanks for hanging in there with me. Man, oh man, the WP community comes through again!
Oh, and feel free to disregard the message I sent you via your website. I wasn’t sure how much time you had on your hands to assist but you really did come through. Thanks for helping me!
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Thanks to @ricarditu for fishing out the CSS responsible.