How to Edit a Facebook CSS Class
Edit the style parameters of your site's Cascading Style Sheets or "CSS" file for Facebook items, such as iFrame "Like" boxes and "Comments" interfaces, so they blend with the rest of your site. Locate the Facebook class within the CSS document to apply modifications to all Facebook features and plug-ins built in to your site.
Other People Are Reading
Instructions
-
-
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.
-
1
