Media Queries not working

  • Hi everyone!

    Here’s my site https://www.jillianadriana.com/debtdetective

    I’m using the Adelle theme and I’m trying to make adjustments to the responsive designs for my site. I can’t modify the following rules in those parts of the CSS:

    .article h2.post-title {
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 20px;
margin: 20px 0 5px 0;
line-height: 30px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
}

.article h2.post-title a {
color: #000;
font-family: 'Oswald', sans-serif;
font-weight: 200;
font-size: 40px;
text-transform: uppercase;
letter-spacing: 1px;
}

    When I use the Inspector in Firefox to try to figure it out, it seems like even if I put the above code in the appropriate places in the CSS code, it still pulls the code from the /* Overall */ section of the code.

    Any ideas/advice?

Viewing 2 replies - 1 through 2 (of 2 total)

  • You didn’t properly close your query. Add another closing curly bracket:

    .article h2.post-title {
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 20px;
margin: 20px 0 5px 0;
line-height: 30px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
}

.article h2.post-title a {
color: #000;
font-family: 'Oswald', sans-serif;
font-weight: 200;
font-size: 40px;
text-transform: uppercase;
letter-spacing: 1px;
}
}
    Thread Starter jillianadriana

    (@jillianadriana)

    But I added the above code in the middle of other code for responsive CSS that was already closed by a double curly bracket…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Media Queries not working’ is closed to new replies.