Need help? Check out our Support site, then


How to add media queries to WordPress site

  1. 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 donoughsugrue.wordpress.com.

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

  3. 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;
    }
    }
    ¬

  4. Can anyone help me on the question i posted previously ?

  5. Please use this link http://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.

  6. Thanks for your help Timethief.

Topic Closed

This topic has been closed to new replies.

About this Topic