Supported Color Formats
You can use the following formats to define colors in your EmbedSocial widget's custom CSS:
HEX Codes: These are six-character codes preceded by a
#.For instance,
#000000for black or#FFFFFFfor white.Ensure the
#prefix is included when entering a HEX code.
Named Colors: Simply specify a color name like
green,blue, orred.Do not include the
#prefix when using named colors.
Both methods are supported, so you can choose the one that best fits your styling preferences.
Example Usage
Here’s an example of how you might use both formats in your custom CSS:
.es-header-btn {
background-color: #ff5733;
}
.es-widget-header-details-text {
color: green;
}Tips for Best Results
Always validate your HEX codes to ensure correctness.
Use color contrast checkers to make sure text remains readable against chosen background colors.
By following these guidelines, you can easily customize your EmbedSocial widget’s color scheme to match your website.
For further assistance, feel free to contact our support team.