CSS styling

[tsili]

Hi,

Has anyone managed to edit the CSS file and actually see his changes on the site? I 've tried both at the template.css and in the module's css (modules\mod_jv_facebook\assets\jv_fb.css) but with no luck :( I have tried the !important command as well in the properties I wanted to change but nothing... The css comes from http://static.ak.connect.facebook.com and not from any of the .css files I;ve already mentioned...

Any idea?

[pouyakeshtgani]

any luck with this???

[tsili]

Hi pouyakeshtgani,

It acturally won't work when in localhost! When you go live, everything will work just fine!

Cheers!

[add_gr]

Hi tsili,
I have the same problem as you had. I have changed the jv_fb.css (not localhost) but nothing done. Could you give me an idea?
My site is www.ecodomiki.gr

Thank you in advance

[tsili]

Hi add_gr, have you tried using the !important command (although in my case it was not needed)?
I haven't modified anything else than the jv_fb.css.
I am pasting here the contents of it in case it helps:

.fan_box {font-family: 'Droid Sans',Helvetica,Arial,Sans-Serif;}
.fan_box .full_widget {border:1px solid #88A07B}
.fan_box .full_widget .connect_top { background:#F1F1F1 none repeat scroll 0 0; color:#88A07B; padding:10px 10px 8px;}
.fan_box .full_widget .connect_top a { }
.fan_box .page_stream { background:#88A07B none repeat scroll 0 0; overflow:hidden; padding:0 10px; position:relative; text-align:center; }
.fan_box .connections {background:#FFFFFF none repeat scroll 0 0; color:#88A07B; border-top: 1px solid #88A07B; font-weight: bold; min-height: 100px;}
.fan_box .connections .total{ }
.fan_box .connections a { color:#88A07B }
.fan_box .connections_grid .grid_item {float: left;overflow: hidden;padding: 0 8px 8px 0;width: 50px; }
.fan_box .connections_grid .grid_item .name {color:#88A07B}
.fan_box .connections_grid .grid_item img {border:1px solid #88A07B;}

Sorry for not being able to help more :(

Take care

[add_gr]

Yes I have tried to use the command !important but nothing happend.

Thanx anyway

[jasondiff]

There is a difference in the display depending on whether you use the Page ID or the URL.

I use the Page ID because that way it doesn't display the "Facebook social plugin" footer.

When you use the URL it totally ignores the CSS. In this case, you can only change the style elements that are available as shown here: http://developers.facebook.com/docs/...gins/like-box/

When you use the Page ID, it does look at the jv_fb.css. However, for some reason the CSS in that file is ignored, and the module uses the default styling from a facebook-derived CSS file. I don't know why. This is what needs to be fixed!

Note that using the !important tag has no effect at all.