css media query question [closed]

Question

Closed. This question is off-topic. It is not currently accepting answers.

---

Want to improve this question? Update the question so it's on-topic for WordPress Development Stack Exchange.

Closed 3 years ago.

Improve this question

I guess this is a novice question but here it is.

I have been editing a child theme CSS and trying to change this specific code

@media (min-width: 769px)
    #carousel-hestia-generic span.sub-title {
        font-size: 24px; 
    }

Which I see from the inspect in Chrome. When I add it to my style.css in my child theme and make the font size let's say 36px, it doesn't change. Actually, Chrome shows a strikethrough...

the element I want to change https://snag.gy/izc10u.jpg

the CSS file in my child theme https://snag.gy/GVfDs9.jpg

Answer 1

You have to put it like this:

@media only screen and (min-width: 769px) {
    #carousel-hestia-generic span.sub-title {
        font-size: 24px; 
    }
}

Notice how @media has a block {} which contains the CSS selector you want to work with.