48866

Date header overlapping Post title

Question:

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!

Answer1:

Set the h3 style to:

margin-bottom: 0;

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

Answer2:

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.

Answer3:

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).

Recommend

  • 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