Hi Thimo,
The element is in a reusable header. There isn’t any custom HTML or other plugins on the reusable. Although I do use many other plugin for my single-page app, I can’t think of anything that would have specified the height of the tooltips.
I do have an html element for displaying html text. I have attached the HTML below:
Styled Content
body {
font-family: 'Inter', sans-serif;
}
/* Reset top margins for the first paragraph and the ordered list */
body, p, ol {
margin-top: 0;
padding-top: 0;
line-height:1.5;
}
p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
}
ul, ol {
font-size: 16px;
line-height: 1.5;
padding-left: 35px; /* Adjust padding as needed */
}
ul li, ol li {
margin-bottom: 0.5em; /* Optional: space between list items */
}
pre {
background-color: #3E3E3E;
border: 1px solid #ddd;
padding: 1em;
overflow: auto;
font-family: 'Courier New', Courier, monospace;
white-space: pre-wrap; /* Since CSS 2.1 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
color: #f8f8f2; /* Greyish white text color */
border-radius: 10px; /* Rounded corners */
margin-bottom: 20px; /* Adjust this value as needed for desired spacing */
}
code {
display: block; /* For block-level code formatting */
}
img {
max-width: 100%;
height: auto;
display: block; /* Removes extra space below images */
}
</style>
Do you see anything that would interfere with the plugin?
Thanks.