PDA

View Full Version : can't apply styles to facebook feed


Chadi
08-01-2014, 09:22 PM
Hey all,

trying to apply some super basic CSS to the facebook feed member images in my side block.

http://www.talkjesus.com/forum.php

I threw this in additional.css

._43q7 .img {
border-radius: 90px !important;
border: 1px solid #DDD !important;
padding: 1px !important;
}It's not getting applied. I've tried various variations including with/without img, I tried also: ._s0 _rw img, ._s0 _rw, and ._43q7 ._s0 _rw img together.

Am I missing something?

tbworld
08-01-2014, 09:49 PM
You need to provide the template name, php code or provide the actual code in order for us to know what you are describing. :) We need to see the HTML in order to create the proper selector.

"__43q7" looks likes a code generated selector.

Chadi
08-01-2014, 10:07 PM
You need to provide the template name, php code or provide the actual code in order for us to know what you are describing. :) We need to see the HTML in order to create the proper selector.

"__43q7" looks likes a code generated selector.

I use Firefox inspector to get this info. Homepage, side block (right). www.talkjesus.com

43q7 is the same one applied to each member picture, on every refresh. So it appears static.

This is the sideblock code

<div class="fb-like-box" data-href="https://www.facebook.com/talkjesus" data-width="260" data-height="405" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>

I already provided the CSS code I'm trying to apply.

tbworld
08-01-2014, 10:38 PM
* Removed *

Zachery
08-01-2014, 10:50 PM
You cant apply your CSS rules to the iframe without javascript trickery.

tbworld
08-01-2014, 11:21 PM
* Removed *

Lynne
08-02-2014, 02:13 AM
Zachery is correct. Your iframe is from another domain (thus, the CSS is from another domain) and you would need to use javascript to change the CSS. Google "apply css to iframe" to get some ideas on how to do it.

Chadi
08-02-2014, 05:39 PM
Ok thanks Lynne and Zachery :)