开发者

How to access a CSS class that is loaded via a iframe on a page

开发者 https://www.devze.com 2023-04-07 16:57 出处:网络
I have just added a \'Like\' button from Facebook. The site is in Arabic, and I have added the necessary Arabic language locals to the FB code. Now the problem is the Icons are displaying slightly dif

I have just added a 'Like' button from Facebook. The site is in Arabic, and I have added the necessary Arabic language locals to the FB code. Now the problem is the Icons are displaying slightly different, and I can see that can be controlled by CSS. The FB Code loads an iframe and within that there is a SPAN that has a class that controls the position of the Facebook (blue 'f' icon) which is overlapping over the text. When I try using FireBug and re-position it it words fine. My question is how can I write a CSS code that I can change the value on that iframe loaded CSS from my local CSS file ? The code is as follows:

=== Code on the iFrame that is loading ===

<div class="connect_button_slider">
<div class="connect_button_container">
<a class="connect_widget_like_button clearfix like_button_no_like">
<div class="tombstone_cross"></div>
<span class="liketext">أعجبني</span>
</a>
</div>

===

The CSS that is loaded by FireBug

.button_count .like_button_dark .like_button_no_like .liketext, .button_count .connect_widget_like_button .liketext {
    background-position: -1px -47px;
}

====

I need to change the "class"="liketext". I want to change the value of "background-position: -1px -4开发者_StackOverflow社区7px;" from that to the following:

background-position: 38px -47px;

====

Now I have my local CSS file, how will I be able to access that element "liketext" and change the value from "-1" to "38" ...

The page, if you want to check, is on the following link ...

URL: http://www.majalla.com/arb/2011/09/article55227042

On top of the article you will find the facebook icon/like overlapping just next to the print icon.


I really don't like telling you that your work here was pretty much wasted. You can't influence an external iframe with css - that's why Facebook does it that way, to have full control over their icons. Anyway it's a shame that the like button doesn't get displayed properly, but all you can (and should) do is submitting a bug report to facebook!

By the way, try taking care of your spelling: It's that, not tath and THAT spelling makes it really hard to read your question ;)

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号