How to add media queries to WordPress site
-
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)
-
See here please Custom Design »Using Media Queries with Custom CSS http://en.support.wordpress.com/custom-design/custom-css-media-queries/
-
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;
}
}
¬ -
-
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.
-
- The topic ‘How to add media queries to WordPress site’ is closed to new replies.