skip to Main Content

Adding CSS To iframe in Shopify

I am Adding Css to the iframe in shopify . but its not working.. Here is my code . <script> $('#twitter-widget-0').load(function() { var css = '<style type="text/css"> body {background: white};</style>'; $('#twitter-widget-0').contents().find("head").append(css); }); </script>

VIEW QUESTION

On bootstrap tab click change content inside iframe – Twitter bootstrap

I have and index.html file where I have headers for bootstrap tabs and iframe with tabs content. <!DOCTYPE html> <html> <head> <title>test</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" media="screen"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </head> <body> <script> function switchTabInIframe(tab) {…

VIEW QUESTION
Back To Top
Search