Customize Social Media Icons
When you add the Social content block to a section in the builder, default social icons automatically appear. You can modify these icons to better match your branding or campaign design.
You can customize:
The background color of each icon
The image displayed for each icon
Change the Background Color of Social Icons
Follow these steps to adjust the background color for any social icon.
Steps
Add the Social content block to a section in the builder.
Click the Social content block.
Find the icon you want to edit.
Click the dropdown arrow beside that icon to expand the settings.
Locate the Background Color option.
Select your preferred color.
The icon updates immediately.
Customization Ideas
You can style icons in several ways:
Use one consistent color for all icons.
Assign different colors to each platform.
Match icon colors with your email or campaign theme.
Change the Image Displayed for Social Icons
You can replace the default icon image with your own design.
Two options are available:
Upload an image from your image library
Paste an image URL
Recommended Image Size
Use images sized 72 × 72 pixels.
Avoid transparent borders. Transparent padding can cause alignment issues.
Replace an Icon Image
Select the Social content block in the builder.
Open the Social Attributes panel.
Locate the icon you want to change.
Expand the icon settings.
Upload an image from your image library or paste an image URL.
The icon updates instantly.
Example Use Case
You may want to replace a platform icon with a different version. For example, you can swap the X (Twitter) logo with the original bird logo if it better fits your design.
Best Practices for Social Icons
Use these tips for consistent results.
Use square images for all icons.
Keep icon styles consistent across platforms.
Avoid transparent borders around images.
Use colors that match your brand guidelines.
Need more help? Contact support via live chat using the chat bubble in the bottom right corner or email support@knak.com.