Is it possible to change the color of text in a Facebook like button? Besides selecting a different color scheme, I don't see a way to adjust the font...
Facebook retains control over their button and only allows you to set predefined options for skinning it. As font color goes, you can choose the light colorscheme to go with light backgrounds, or the dark colorscheme to go with dark backgrounds.
http://developers.facebook.com/docs/reference/plugins/like-box/
YES
It can be done
NO
It's probably not allowed by Facebook's brand guidelines.
Demonstration
I created a demo page that lets you pick the colors using a slider or palette, or that lets you manipulate the filter directly.
Background information
The technique basically works by applying a hue-rotate filter to the element containing the i-frame. Hue-rotate sort-of rotates a color wheel. As such we can't give the button any color we want. We are limited to the 360 degrees of rotation we can apply to the default button. But there are some greens, browns, reds, pink and even purple we can play with. Try it out for yourself.
References
StackOverflow: how to change color of facebook like button
Stijn de Witt's Blog: Change the facebook button color
Include data-colorscheme="light/dark" according to your background in the div with class "fb-like". Light color scheme is for light background and vice-versa.
Facebook has not released this feature yet. However, you may change it using javascript - when using the JS based version, not iframe.
Related
I'm making an app and I can't figure out what I need to change in order to make Fleksy recognize colors and change accordingly.
Fleksy is a keyboard app on devices that has a chameleon theme which changes according to the apps' color.
For instance, my app's main colors are white and red. Thus, in order to match general theme, I want Fleksy to change it's color to red whenever keyboard appears on the screen.
Is there something that I have to do within Flutter or there's a specific way to make this work?
How do I change the background color of the Settings page, not the Editor, but the Settings page? I know it probably involves changing a workbench.colorCustomization token, but I don't know which one it is or if it even exists. Also, is there some sort of extension that allows you to inspect the UI elements/icons of VS Code?
I have already tried changing the editor.background token, which applied to not just the Editor, but also the Welcome and Settings pages. I was able to change the background color for the Welcome page using the welcomePage.background token, but I don't know how to change it for Settings.
I want the Settings background color to change so I can see it better.
It doesn't look like you can. If under workbench.colorCustomizations you type settings you will get the list of available settings page items of which you can change the color.
Perhaps one or more of the foreground colors to change the text color will help you.
The Custom CSS and JS Loader may allow you to change the color of the settings page. You can inspect vscode's elements by Help/Toggle Developer Tools to find out what element you need to target with that extension.
<div class="settings-editor " or a child of that. Set its background-color to what you want using that extension.
I am using the colorPicker for a widget:
Now i dont want to show the shades of the color and want to add custom colors.
freestylePaletteTypeboolean
Displays the freestyle mode without palette shades.
this property is not working and the colors-name under colors node is also not working.
Please help.
Here's a starting point for implementing a color picker in AEM.
There's also a color palette picker example here that could provide inspiration.
I'm trying to customize Linkedin's Company Insider Plugin and there aren't many options or documentation around to change background color to transparent.
As far as I've seen this plugin has two iframes nested. The white background color is inside the second one in a <div class="wrapper">.
There are some options available for the Profile plugin like data-width or data-format as this answer describes:
Change Linkedin Company Profile plugin Width
Any clues about the background color?
Before any answer about jQuery like this won't work:
$("#iframe").contents().find(".wrapper").css('background-color', 'transparent');
LinkedIn's widget does not provide any official support for this level of customization at this time.
I can select multiple font styles in Apple Pages app, orange colored box on the screen.
How to make it?
I can't find any ui component in the iOS SDK like this, multiple select. UISegmentControl is only for one select like radio button.
use a UISegmentControl in momentary mode to have the bar :)
set custom background images for the cells
there is no stock control but this is quite basic using this approach
No default thing is available you have to do it by yourself. You set tags for each button and only one selector. By checking the selected button tags execute you specific code.
For that, yon need to take UISegment Control and make it's background images custom. Also you can set the width of the each segment.
Then you will achieve your goal.
Cheers!