[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now


customising a facebook

Posted on 2012-08-24
Medium Priority
Last Modified: 2012-12-18

I am trying to alter facebook fanbox text and logo and facebook like box logo.

At present the facebook logos are showing as white - I want them to show as dark.  I have tried changing the setting to 'light' for the colour scheme but this doesn't seem to alter the logos or the text on the facebook fan box.  I have attached the facebook.css and the code for the page which relates to this functionality is below

<div class="facebookfanbox">
<a href="https://www.facebook.com/pages/Kostexpertense/281864048530011" target="_new"><img src="images/FBFanPage.png" style="margin-bottom:10px;" /></a>
<fb:fan profile_id="281864048530011" stream="0" connections="12" logobar="0" width="247" height="290" css="http://www.kostexperten.se/css/facebook.css?5"></fb:fan></div>

<!-- <fb:like-box href="https://www.facebook.com/pages/Kostexpertense/281864048530011" width="247" height="350" show_faces="true" stream="false" header="false" font="arial" border_color="#3f3f3f" colorscheme="light"></fb:like-box>-->

<div class="facebooklike">
<img src="images/FBRecommend.png" style="margin:10px;"/>
<fb:activity site="www.kostexperten.se" width="259" height="330" header="false" colorscheme="light" font="arial" border_color="#3f3f3f" recommendations="true"></fb:activity></div>
Question by:emmapap
  • 2
LVL 17

Accepted Solution

nanharbison earned 2000 total points
ID: 38333210
You can't make these images a different color because they are images. You would have to change the actual images in PhotoShop or some other program.
LVL 17

Expert Comment

ID: 38333212
The text is part of the images as well, so you can't change the color with CSS.

Featured Post

Prep for the ITIL® Foundation Certification Exam

December’s Course of the Month is now available! Enroll to learn ITIL® Foundation best practices for delivering IT services effectively and efficiently.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses
Course of the Month18 days, 21 hours left to enroll

834 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question