Title: Changing the CSS
Last modified: August 22, 2016

---

# Changing the CSS

 *  [tommac1204](https://wordpress.org/support/users/tommac1204/)
 * (@tommac1204)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/changing-the-css-1/)
 * Hi
 * I am using your theme and really like it, especially the new updates, looks great.
   It’s here
 * [http://www.graphitti.org](http://www.graphitti.org)
 * I draw interactive graphics and use iframes to embed them in the site. I want
   to be able to embed different frames depending on the device, e.g. mobile, tablet
   etc. I got a bit of css code that I have been trying to add using the stylesheet
   editor. It works on other themes but not, seemingly, with boot press. Have you
   any idea why? Here it is
 *     ```
       @media all and (min-width: 959px) {
       	.content .desktop {
       		display: block;
       	}
   
       	.content .tablet {
       		display: none;
       	}
   
       	.content .phone {
       		display: none;
       	}
       }
   
       @media all and (max-width: 720px) {
       	.content .desktop {
       		display: none;
       	}
   
       	.content .tablet {
       		display: block;
       	}
   
       	.content .phone {
       		display: none;
       	}
       }
   
       @media all and (max-width: 479px) {
       	.content .desktop {
       		display: none;
       	}
   
       	.content .tablet {
       		display: none;
       	}
   
       	.content .phone {
       		display: block;
       	}
       }
       ```
   
 * Thanks for your help
 * Tom

Viewing 1 replies (of 1 total)

 *  Thread Starter [tommac1204](https://wordpress.org/support/users/tommac1204/)
 * (@tommac1204)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/changing-the-css-1/#post-5460340)
 * And I should have said here is the iframe code that doesn’t seem to be working
 * <iframe src=”[http://www.graphitti.org/admin2/files/experiments/responsive_06_11.html&#8221](http://www.graphitti.org/admin2/files/experiments/responsive_06_11.html&#8221);
   width=”100%” height=”350″ frameborder=”0″ class=”phone”></iframe>
 * <iframe src=”[http://www.graphitti.org/admin2/files/experiments/responsive_06_11.html&#8221](http://www.graphitti.org/admin2/files/experiments/responsive_06_11.html&#8221);
   width=”100%” height=”650″ frameborder=”0″ class=”desktop”></iframe>
 * I’d expect one to show and one not to show on any given device but they’re both
   visible.

Viewing 1 replies (of 1 total)

The topic ‘Changing the CSS’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/bootpress/1.3/screenshot.png)
 * Bootpress
 * [Support Threads](https://wordpress.org/support/theme/bootpress/)
 * [Active Topics](https://wordpress.org/support/theme/bootpress/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/bootpress/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/bootpress/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [device](https://wordpress.org/support/topic-tag/device/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)

 * 1 reply
 * 1 participant
 * Last reply from: [tommac1204](https://wordpress.org/support/users/tommac1204/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/changing-the-css-1/#post-5460340)
 * Status: not resolved