COMMUNITY FORUM

Facebook Lettering Color Change

Start
Prev
1
Next
End

Derek
Topic Author
Offline
New Member

9 years 5 months ago #148989 by Derek

Facebook Lettering Color Change was created by Derek

Please see the linked image for reference...

I'm updating my site, and noticed that there is wording next to the Facebook Like button, but because my current site & my soon to be updated site use a dark background...I've never noticed this before.

In the image linked, the wording is circled in red, and I've also used the "inspect element" option in Chrome to find what to change...what I need to know is where can I find this string in the K2 files so I can change it to White lettering?

Or is there an easier way of doing this?

dl.dropboxusercontent.com/u/29596978/K2%20Coloring.png

Thank you

Please Log in or Create an account to join the conversation.

Lefteris
Offline
Platinum Member

9 years 5 months ago #149006 by Lefteris

Replied by Lefteris on topic Facebook Lettering Color Change

Hi,

This part comes directly from Facebook not K2. The code that generates that is github.com/joomlaworks/k2/blob/master/components/com_k2/templates/default/item.php#L316-L331 . You can make an override to the item.php and adjust the code to fit your needs. The options that this button supports can be found at developers.facebook.com/docs/plugins/like-button .

Please Log in or Create an account to join the conversation.

Derek
Topic Author
Offline
New Member

9 years 5 months ago #149047 by Derek

Replied by Derek on topic Facebook Lettering Color Change

I checked out the links you provided...and I'm not finding where I can set the lettering to white rather than black. I'm very much so a novice at all this, so if you could break it down for someone new...I'd appreciate it.

Please Log in or Create an account to join the conversation.

Lefteris
Offline
Platinum Member

9 years 5 months ago #149062 by Lefteris

Replied by Lefteris on topic Facebook Lettering Color Change

There is no option to change the color of the letters. You can only select between two color schemes, light and dark. To select the dark scheme just add the following data attribute to the facebook div:

data-colorscheme="dark"

Please Log in or Create an account to join the conversation.

Derek
Topic Author
Offline
New Member

9 years 5 months ago #149108 by Derek

Replied by Derek on topic Facebook Lettering Color Change

Where at in the following string should I place that?

<?php if($this->item->params->get('itemFacebookButton',1)): ?>
		<!-- Facebook Button -->
		<div class="itemFacebookButton">
			<div id="fb-root"></div>
			<script type="text/javascript">
				(function(d, s, id) {
				  var js, fjs = d.getElementsByTagName(s)[0];
				  if (d.getElementById(id)) return;
				  js = d.createElement(s); js.id = id;
				  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
				  fjs.parentNode.insertBefore(js, fjs);
				}(document, 'script', 'facebook-jssdk'));
			</script>
			<div class="fb-like" data-send="false" data-width="200" data-show-faces="true"></div>
		</div>
		<?php endif; ?>

Please Log in or Create an account to join the conversation.

Lefteris
Offline
Platinum Member

9 years 5 months ago #149128 by Lefteris

Replied by Lefteris on topic Facebook Lettering Color Change

At the Facebook div:

<div class="fb-like" data-send="false" data-width="200" data-show-faces="true" data-colorscheme="dark"></div>

Please Log in or Create an account to join the conversation.

Derek
Topic Author
Offline
New Member

9 years 5 months ago #149160 by Derek

Replied by Derek on topic Facebook Lettering Color Change

Awesome! Thank you...that worked!

Please Log in or Create an account to join the conversation.

Lefteris
Offline
Platinum Member

9 years 5 months ago #149176 by Lefteris

Replied by Lefteris on topic Facebook Lettering Color Change

You are welcome.

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End