How to add media queries to WordPress site

  • Author
    Posts
  • #2089511

    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.

    #2089607

    timethief
    Member

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

    #2089622

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

    #2089709

    Can anyone help me on the question i posted previously ?

    #2089749

    timethief
    Member

    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.

    #2089769

    Thanks for your help Timethief.

The topic ‘How to add media queries to WordPress site’ is closed to new replies.