How to Edit a Facebook CSS Class
- 1). Sign in to your Web hosting account. Select the name of the style sheet file and click the "Edit" button.
- 2). Scroll down through the style sheet until you locate the Facebook class. The location of the Facebook class varies depending on where your Web developer put it, but often appears in the "Footer" section of the style sheet. To locate it quickly, hold down "Ctrl" and "F" to open a "Find" dialog box and type in "Facebook."
- 3). Adjust any attributes of the Facebook CSS class you want to apply throughout your site. Here is a sample code for Facebook iFrames, such as the ones you use to embed a "Like" box:
iframe {background-color:rgba(213,213,213,0.8);color:#F4F4F4; height:240px}
Edit the numerical values behind "background-color" or "color" to change the color of the box, or edit the "Height" value to change its height in pixels. Save the CSS file. - 4). Open your Web page in a different tab or window to ensure the changes appear to your liking.
Source...