H1 content vanishes when CSS is applied

HTML & CSS
1

Hi from 28 degrees C mediterranean York UK :slight_smile:

On this page:
https://www.english-teacher-david.co.uk/blog/modal-verbs-eating-out.html

I wanted the H1 tag to be styled as so:

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

But the h1 tag content disappears as soon as styling is applied to:

<h1>Modal Verbs For A Dinner Date</h1>

Sooo confused :frowning:

2

It’s hiding behind the image…

@media (min-width: 1200px)
.margin-negative-2 {
    margin-top: -168px;
}
1 Like
3

Hey thank you so much for spotting that, if anyone knows how i could get a h1 to show in this situation I’d be v happy :slight_smile:

4

Don’t put the negative margin on the photo?

5

Ive not coded this my self, i paid for a template so i get my self in knots from time to time, perhaps I’ll just style the photos so they dont get styles by other bits of code :slight_smile:

7

Thank you for spotting this, just removed the code and it works as i want :slight_smile:

CASE CLOSED

1 Like
8

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