i am calling iframe on html page within it i have website url, i want to change logo position
i want add padding in it . so i copy same class from website css and apply on my html page with !important but it is not working.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
/*website class( just for example)
#header_logo {
padding: 29px 0 18px 8px;
}*/
// my class
#header_logo {
padding: 29px 0 18px 50px!important;
}
</style>
</head>
<body>
<iframe width="100%" height="600" allowtransparency="yes" frameborder="0" src="http://airtel.in">
</iframe>
</body>
</html>
Amit,
with javascript/jquery you change the the ID or the class (or add a class)..
for finding the contents in the iframe you could do somthing like:
$(“iframe”).contents().find(‘#selector’)