When inspecting the page, if I hover over the details on margin, border, padding, etc, it shows the actual content as being 544px in height. The actual size is forced to be 504 (480 + 12 top and bottom padding). When you hover over the content area in the inspect element display, it shows the area as going far below the entry area (40 pixels below), all the way to the bottom image I have before my footer starts. I’m trying to close that gap, but seeing as it’s claiming to be the entry (which it’s not, or technically not), I’m not sure what to do.
Any idea what’s causing this extra 40 in my “entry” area?
Can you be more specific – on what page are you referring to?
The home page, the .entry and the primary right sidebar – both have a set height of 504, but show as 544 when inspecting those elements. That spacing between the bottom of the entry, and the white line before the footer, isn’t supposed to be there, but is, and is the extra 40 pixels from the entry and sidebar bottoms that are just there for an unknown reason.
It’s the padding of 4rem which is 40px.
Thanks for the help, knowing it was 4rem lead me to my answer. I wasn’t finding it because I wouldn’t see any changes unless I changed both my entry margin bottom, as well as the sidebar margin bottom at the same time (I didn’t know they both had it).
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.