tangled up with css and media queries

  • Hi there – I am really new to this but am working on a child theme of twentytwelve.

    I was plugging along making the modifications in my custom theme stylesheet when I noticed that the css is (automatically?) referencing media=all. When using a code inspector that is what I am seeing, and I am seeing the effects visually as well, of course. I had been making changes successfully for a while and then hit this wall ;(. I can’t seem to get my css to override this css.

    Here is a link to my testing site: https://heattreatforum.flyten.net/

    I will be using media queries moving forward to make this site fluid (it’s so not right now) so I don’t want to delete them from the twentytwelve stylesheet (plus isn’t that bad practice??)

    Any ideas?

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

  • For a different reason, I copied Twenty Twelve’s entire style.css onto my Child Theme’s style.css, then removed the @import line. I do not know how to do the kinds of things you are trying to do, but that would give you complete control since WorPress would stop reading style.css from Twenty Twelve.

    Thread Starter lilmsjenn

    (@lilmsjenn)

    This has helped – thank you for your advice! I understand that in theory the styles set in the media queries shouldn’t be overriding my styles when displayed on my standard monitor – except that I’ve read that since this theme is “mobile first” that the queries actually effect everything rather than just the respective width’s of mobile devices – and I believe that is where my trouble resides. Of course I could be totally wrong but at least implementing your advice is helping for now!

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘tangled up with css and media queries’ is closed to new replies.