Why is it that when text has the HTML Text Type set to H1 it vertically offsets when published?
February 2, 2021 12:00 AM
I have a title near the top of my page (8 pixels). It publishes and positions the text as expected. However, if the text has the HTML Text Type set to H1 it vertically offsets about 8 pixels down. The help documentation claims that setting the HTML type is for structure and will not affect the display. Well.. it does. I've inspected the element with and without the h1 tag. The only difference I can see is the that with the HTML type it has an H1 tag in the html. However, the h1 tag has no properties. Any help would be appreciated. Thanks
Solution
Thanks @approg for the question. I did some research and I see we did fix this for Lectora Online and have a backlog item for it in Lectora Desktop.
Based on the changes made for the fix please use the css below instead of my previous post.
Note: margin-top is for Edge and IE.
I will add this forum post to the desktop issue and ask our Product Team to review it. (LD-6641)
Discussion (3)
Yes, I thought we had corrected this, what version are you using?
Browsers have a default css style for H1 and that is what is likely causing the issue. This might help:
Add an External HTML object at the top/root/title level so it is inherited everywhere.
Set to type Meta and enter the following scripting:
undefined
.h1 {
margin: 0px;
padding: 0px;
}
undefined
We you say "I thought we had corrected this" do you mean: the bug was identified; an engineer addressed it; QA verified the fix, and, the fix was deployed? Or do you mean someone will get around to addressing this in some future version?
Thanks @approg for the question. I did some research and I see we did fix this for Lectora Online and have a backlog item for it in Lectora Desktop.
Based on the changes made for the fix please use the css below instead of my previous post.
Note: margin-top is for Edge and IE.
I will add this forum post to the desktop issue and ask our Product Team to review it. (LD-6641)