1.0RosalindGardner.comhttps://rosalindgardner.com/blogrich600338<blockquote class="wp-embedded-content" data-secret="DTNvMVVfza"><a href="https://rosalindgardner.com/blog/how-to-fix-those-squishy-headlines/">How to Fix Those “Squishy” Headlines</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://rosalindgardner.com/blog/how-to-fix-those-squishy-headlines/embed/#?secret=DTNvMVVfza" width="600" height="338" title="“How to Fix Those “Squishy” Headlines” — RosalindGardner.com" data-secret="DTNvMVVfza" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); /* ]]> */ </script> Here the CSS trick for fixing those squished headlines on your blog such as the H1 Heading shown in the screenshot below. The original code in the CSS (cascading style sheet) for that H1 was as follows: #content h1 { font-size: 25px; color:#036; background: transparent; font-family: Verdana, ‘Trebuchet MS’, Arial, Helvetica, sans-serif; font-weight: bold; margin: […]http://farm4.static.flickr.com/3354/3412515130_d65f72f3bc_o.gif