Remove Line Spacing Around Toggle Box

Link to your site?

Here is a dummy page I’ve made up showing what I mean. The first two sections “2012,” “2011” are with toggle box, the sections below “2010” and “2009” are the way it should look, the hyperlink would link to another page with the info that would ideally go in the toggle box. I haven’t found a way to make the toggle box titles appear directly above one another.

https://www2.localghost.com/?page_id=396

thanks!

Add

h3.toggle {
margin: 0;
}

to your style.css.
Can you please use pastebin to upload your page.php? Doesn’t have to be entire page.php, just the loop. I can’t see what it adding
tag to your page.

OK, Thanks. I’ve added

h3.toggle {
margin: 0;
}

to the style.css but it doesn’t seem to have changed anything. I tried removing the breaks between the toggle box titles in the top section of the page (“2012”), which leaves just a double space, instead of a triple space like in the section below.

here’s the page.php: https://pastebin.com/psvXec1F

thanks!

How did you remove breaks? I can’t see anything on your page.php that will guide me in the right direction. I added h3.toggle to the bottom of your style.css and it made TEXT like in the bottom 2010 and 2009 lines. Check it out

That looks good, thanks. Like I said I’m not an expert though, I’m not sure how to apply those changes to the site, that’s a bit beyond me…

I removed the just removed the line breaks in the Visual editor

Just a quick update — I’m not sure how, but the problem seems to have resolved itself now, thanks for your help!