Date header overlapping Post title


So I moved the date header below my post title on Blogger, and on the newest post the date keeps overlapping the header. If I use margin or padding, it affects the other date headers so I'm not quite sure what to do. The blog is <a href="http://www.boyfullofbooks.blogspot.com/" rel="nofollow">here</a>. Here is the only code I can think to be relevant (where h3 is post title):

h3 { text-align: center !important; } h3 a{ color: #424242; transition: 0.5s ease; } h3 a:hover { color: #58c5d2; } .date-header { text-align: center !important; float: below; } .date-header span { letter-spacing: 10px !important; } h2 { text-align: center !important; } .date-posts { margin-top: 40px; } h3 { margin-bottom: -25px !important; }

Thank you in advance for any help!


Set the h3 style to:

margin-bottom: 0;

The date is being pulled into the title because of the negative margin.


Your problem is in your html... You're not closing one or two html div tags in your first post.

<img alt="enter image description here" class="b-lazy" data-src="https://i.stack.imgur.com/dsbLc.png" data-original="https://i.stack.imgur.com/dsbLc.png" src="https://etrip.eimg.top/images/2019/05/07/timg.gif" />

Every .post-outer should be at the same level.


NUKE IT!!!!!!!

h3 { /* margin-bottom: -25px !important; */ }

EDIT: The original question was, how can I prevent the date and the header from overlapping. This was the quick and dirty fix found by using developer tools (highly recommend chrome for this reason).


  • font-face not showing up on Firefox
  • Use Greasemonkey to remove table
  • AngularJS error injector modulerr
  • How do one only submit click event (div), when using jquery live function?
  • TCPDF's getNumLines() is sometimes wrong
  • Play Framework nested form errors missing
  • Animating an SVG Group
  • Unity 5.1 Animator Controller not transitioning
  • Spring Web Flow exception handling
  • How can I have equal heights for inner elements of flexbox grid/boxes/cards without using jQuery?
  • Add spaces between words in spaceless string
  • Messed up characters in webpages (especially social media)
  • IOS > Open URL in Safari with POST
  • text-align justify, cannot override
  • Angular - routerLinkActive and queryParams handling
  • Is it possible to get the word under the mouse cursor in a ``?
  • Jquery Mobile pageLoading() Method how does it work?
  • Plotting densities in R
  • Calculating ratio of reciprocated ties for each node in igraph
  • How to create CGPath from a SKSpriteNode in SWIFT
  • Update Google Maps traffic layer without page reloading
  • DIV instruction jumping to random location?
  • Generate random number from custom distribution
  • Diff between two dataframes in pandas
  • Moving Android View and preventing onDraw to be called over and over again
  • xtable package: Skipping some rows in the output
  • Installing iPhone App to iPhone
  • Mysterious problem with floating point in LISP - time axis generation
  • Insert into database using onclick function
  • How reduce the height of an mschart by breaking up the y-axis
  • Why doesn't :active or :focus work on text links in webkit? (safari & chrome)
  • MySQL WHERE-condition in procedure ignored
  • How to apply VCL Styles to DLL-based forms in Inno Setup?
  • Web-crawler for facebook in python
  • Return words with double consecutive letters
  • trying to dynamically update Highchart column chart but series undefined
  • JTable with a ScrollPane misbehaving
  • Android Google Maps API OnLocationChanged only called once
  • Binding checkboxes to object values in AngularJs
  • java string with new operator and a literal