How to add media queries to WordPress site

• 

  donoughsugrue · Member · Oct 13, 2014 at 7:35 pm

  • Copy link
  • Add topic to favorites

  I am looking to add media queries to my WordPress site, well for one specific page on the site. I was wondering can this be done? If it can be done is there a tutorial for this anywhere ? Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Oct 13, 2014 at 7:43 pm

  • Copy link

  See here please Custom Design »Using Media Queries with Custom CSS http://en.support.wordpress.com/custom-design/custom-css-media-queries/

• 

  donoughsugrue · Member · Oct 13, 2014 at 8:00 pm

  • Copy link

  Thanks for that. So do I have to add the media queries directly into my theme’s stylesheet or can I add the media queries through the theme options editor panel

  I tried adding this code to the editor panel, then applying the ‘sizer’ class to the targeted images on the page, but the changes don’t seem to be taking effect.

  `¦@media only screen and (max-width:700px) {
  .sizer.img {
  width: 200px;
  }
  }

  @media only screen and (max-width:1500px) {
  .sizer.img {
  width: 800px;
  }
  }
  ¬

• 

  donoughsugrue · Member · Oct 15, 2014 at 12:47 pm

  • Copy link

  Can anyone help me on the question i posted previously ?

• 

  timethief · Member · Oct 15, 2014 at 6:12 pm

  • Copy link

  Please use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can copy and paste your text into a thread that will appear in the CSS Forum where you will get a definitive answer to CSS editing questions.

• 

  donoughsugrue · Member · Oct 16, 2014 at 12:32 pm

  • Copy link

  Thanks for your help Timethief.