How to make Itune widget responsive?
-
I am trying to change itune’s widget width base on any devices like iPhone, iPad, landscape or portrait. I made “facebook” and “Soundcloud” work fine by ‘@media’ and ‘width:100px!important’ using CSS to override its width. However, itune iframe contains “w=200px” in URL. Does anyone know how to solve it?
-
-
iframe code in a widget is:
<div class=”itune”>
<iframe src=”http://widgets.itunes.apple.com/widget.html?c=jp&brc=FFFFFF&blc=FFFFFF&trc=FFFFFF&tlc=FFFFFF&d=&t=&m=music&e=album&w=200&h=250&ids=*********&wt=discovery&partnerId=&affiliate_id=&at=&ct=” frameborder=0 style=”overflow-x:hidden;overflow-y:hidden;width:200px;height: 250px;border:0px”></iframe>
</div>
********************************************************
CSS is:
@media only screen and (min-width: 768px) and (max-width: 960px) {
.soundcloud iframe{
width:155px!important;
height:400px!important;
}
.itune iframe{
width:155px!important;
}
}
**********************************************
I can override width=200px, but I can’t override w=200 in URL in iframe.Does anyone know how I can do this?
-
-
-
We can’t help without the URL of the blog starting with http.
What part of this are you having difficulty understanding?
-
@iamfusebox – If your site is hosted on WordPress.com, that code will not work here. Here’s why: http://en.support.wordpress.com/code/
If you are asking about a self-hosted site using the WordPress software, then you need to ask here: http:/wordpress.org/support/
- The topic ‘How to make Itune widget responsive?’ is closed to new replies.
WordPress.com Forums 