How can i change the line-height and font-size to something bigger than 40px in the Theme panel?
I’ve tried adding custom H1 css but the line height keeps defaulting to something smaller…?
h1 {
display: block;
font-size: 70px;
line-height: 400%;
letter-spacing: -3px;
padding: 40px 0px 30px 0px;
font-family: "runda", Helvetica, Arial, sans-serif;
font-weight: 900;
text-transform: uppercase;
color: #000000;
}
Obviously 400% line height is over kill, but it doesn’t seem to mater what i put!
Hi there,
I tried that. I’ve tried px, percentage, em… Nothing seems to work.
I have no problem changing the size, colour and font but the line height seems to be defaulting to something else.
The only thing I can that makes any difference is set the line height in the theme panel but this only goes up to 40px.
Any ideas?
Ok so to clarify my problem.
I want to change the styling of the main title’s on posts and pages. I’m using a font that isn’t included in the theme and a size larger than the default of 40px.
So I added my own h1 styling to the child theme.
So far I’ve succesfully been able to change: The font-face, The font size, the letter-spacing, text-transform and padding.
However, when i try to change the line-height (px or %) or the color nothing happens. The only way I can change these particular elements seems to be within the Theme Panel (which doesn’t go beyond 40px)
There appears to be some default styling somewhere that is stopping me from making these changes. Please could you either point me to the bit of CSS thats affecting this or show me how to change the Theme panel defaults to go higher?
Many thanks!