Error de javascript en la consola

[sergi_multimedia]

Hola, estoy intentando modificar los estilos de un <iframe>:

Código HTML:

<iframe class="ulule-widget-landing" frameborder="0" src="http://www.ulule.com/fabcafe-barcelona/widget.html" scrolling="no"></iframe>
 

A través de jQuery quiero modificar los estilos, hago lo siguiente:

Código Javascript:

$(document).ready(function(){
$( ".ulule-widget-landing" ).contents().find( ".ulule-widget" ).css({
'max-width' : '600px'
});
});
 

Pero no sucede nada, el iframe no cambia el ancho, también he probado quitándole los atributos de la etiqueta HTML "height" y "width", pero lo mismo.

Entonces he abierto la consola de chrome y he copiado el código js anterior:

Código Javascript:

$(document).ready(function(){
$( ".ulule-widget-landing" ).contents().find( ".ulule-widget" ).css({
'max-width' : '600px'
});
});
 

y la consola me devuelve el siguiente error:

SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "http://localhost:8888" from accessing a cross-origin frame.

¿Eso quiere decir que no puedo modificar ese iframe? ¿Estoy haciendo algo mal?

¡Gracias de antemano!

[sergi_multimedia]

Me gustaría remarcar que el error sale tanto cuando trabajo en "http://localhost:8888" tanto en remoto.

Saludos ;)

[PHPeros]

Yo creo que esta sumamente claro...

Estás intentando acceder al contenido de un sitio totalmente ajeno llamado ulule.com, y por seguridad tu navegador lo bloquea. Lee sobre las políticas de same-origin

Saludos