Hi from truly Mediterranean 22° C York UK
On this page http://www.english-teacher-david.co.uk/blog/modal-verbs-eating-out.html I want to style the H1 (The font is too big) tag - “Can a foreign language be…”
But my CSS:
.post h1 {
font-size:0.5em;
}
has no effect Please could someone let me know what css does actually style the H1 on this page
Thanks in advance,
David
Just had a look and noticed the following file is 3.7 MB?
http://www.english-teacher-david.co.uk/css/style.css
It’s working for me - so small I could hardly see it!
Thank you for taking time out to spot that, is it a big problem? If yes any suggestions on what i
could do to reduce the file size?
Footnote: I break sites very easily
Cleared the cache, yes i can see it now, yikes is v small. Can you recommend an em size for this H1 tag too look normal, ive tried a few ranges of em and I get way too small or huge
Any suggestions welcome
Nightwing:
Any suggestions welcome
I’d just suck it and see. You can change the value in the Inspect tool to save keep saving the CSS (and clearing the cache!).
Erik_J
June 14, 2020, 6:06pm
7
In your style.css line 9920 - 9940:
h1,
.h1 {
font-size: 36px;
line-height: 1.5;
}
@media (min-width: 768px) {
h1,
.h1 {
font-size: 80px;
}
}
@media (min-width: 1200px) {
h1,
.h1 {
line-height: 0.8871;
font-size: 124px;
}
}
Though your posted rule
.post h1 {
font-size:0.5em;
}
should override those media rules.
Maybe you had a cache left?
Edit) Yes you had…
0.50 em is what ive switched to now and its back to tiny
PaulOB
June 14, 2020, 6:35pm
9
Just change it to a size you like
I would use something like 3rem.
.post h1 {
font-size:3rem;
}
Uploading 3rem now, slow connection but lets see…
Great that worked, thank you
CASE CLOSED
system
Closed
September 14, 2020, 3:08am
12
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.