-
Posts
-
Dear Support Team
On the following website I use a headline with a color gradient called “Welcome” at the top: http://mp-audioproductions.de/home-v1/
Unfortunately, the headline is cut off at the top and it is inexplicable to me why: see screenshot: http://mp-audioproductions.de/support/heading.jpg
In the CSS I have inserted the following Css for this heading:
h6 {
font-weight: 400 !important;
letter-spacing: 0.01em !important;
background: linear-gradient(to right, #b04938, #ddbbae, #b8b665);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
(I took the templates for this from one of your support threads: https://kriesi.at/support/topic/gradients-buttons-and-text/)Could you please help me?
Best regards, Diana
add a sufficient line-height to it:
( i think the font-size you set in the heading itself – so better is to use a relative line-height value)h6 { line-height: 1.7em; font-weight: 400 !important; letter-spacing: 0.01em !important; background: linear-gradient(to right, #b04938, #ddbbae, #b8b665); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }Hi,
Thanks for the update, please let us know if you should need any further help on the topic, or if we can close it.
Thanks @guenni007 for helping out :-)
Best regards,
Rikard
- The topic ‘Heading with gradient > cropped’ is closed to new replies.