Support » Plugin: Atomic Blocks - Gutenberg Blocks Collection » Post Title Heading Tag in Post and Page Grid not displaying

  • Resolved Simon Hayward

    (@simonhayward)


    Post and Page Grid allows Headings to be selected under ‘Post Title Heading Tag’. The selection works fine in the editor but doesn’t show on the front-end. There seems to be a CSS definition which includes a font-size and overrides the Hx setting which should be applied.

    
    .ab-block-post-grid	header .ab-block-post-grid-title {
    		margin-top: 0;
    		margin-bottom: 15px;
    		font-size: 28px;
    		line-height: 1.2;
    }
    
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author atomicblocks

    (@atomicblocks)

    Hi there,

    There is a declared font size there to contain the heading size to fit the grid area and give it a consistent display. Many themes have wildly different typography settings for Hx, and you can’t expect it to display right.

    We’re hoping that core introduces font size adjustments on headings so we can set the font size there instead of having to declare CSS. We may introduce our own setting for this in the near future if they do not.

    OK. I fixed the issue by overriding the fixed font size in my own CSS.

    But I don’t see why you allow a Heading style to be selected in the Editor and then ignore it in the resultant page display. Doesn’t seem a good user experience…

    Plugin Author atomicblocks

    (@atomicblocks)

    We allow you to choose a heading to help you with the heading hierarchy on your site. Architecturally, it might make sense for the heading to be an h2 or an h3 depending on how you use it on the page. It’s less about the style (currently) and more about semantic hierarchy and SEO.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.