Cant style the H1 tag :-(

HTML & CSS
1

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 :frowning: Please could someone let me know what css does actually style the H1 on this page

Thanks in advance,
David

2

Just had a look and noticed the following file is 3.7 MB?

http://www.english-teacher-david.co.uk/css/style.css

3

It’s working for me - so small I could hardly see it!

4

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 :wink:

5

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 :frowning:

Any suggestions welcome :slight_smile:

6

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!).

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…

8

0.50 em is what ive switched to now and its back to tiny :frowning:

9

Just change it to a size you like :slight_smile:
I would use something like 3rem.


.post h1 {
font-size:3rem;
}
10

Uploading 3rem now, slow connection but lets see…

11

Great that worked, thank you :slight_smile:

CASE CLOSED

12

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.