The default underline annotation
The Dual Heading element's annotation feature currently has limited positioning controls, particularly for adjusting the space between text and underline.
To customize this spacing, you can apply these CSS modifications to your element:
Reduce the spacing
%%SELECTOR%% .rough-annotation path {
transform: translateY(-10px);
}
transform: translateY(-10px);
}
Fix the spacing & keep the text in front
%%SELECTOR%% {
z-index:1
}
%%SELECTOR%% .rough-annotation {
z-index:-1
}
%%SELECTOR%% .rough-annotation path {
transform: translateY(-10px);
}
z-index:1
}
%%SELECTOR%% .rough-annotation {
z-index:-1
}
%%SELECTOR%% .rough-annotation path {
transform: translateY(-10px);
}