Element: Social Media Icons
When created as a row, social media icons can have any of the 8 background colors below. You can use up to 6 icons in one element.
We currently do not have access to the TikTok icon.
View Instruction Details
- Open the dropdown arrow next to Add Page Content Row [Advanced].
- Add Social Media icons.
- Add the Heading and Section color.
- Add URL, link text for the icon, and the icon.
- Add another Social Icon.
Below is an example of social media icons created as columns in a row. When created within a Page Content Row, social media icons match the background color of their column or row. The selected element color will not affect the background color of the element, but you should still select the element color that most closely matches the background (see Cutler Green row).
The white and dark grey elements below use the colors of their columns. The mint green and Cutler Green elements use the colors of their rows.
For the Cutler Green element, you must select "Cutler Green" for the social media icon background color, otherwise, the icons will also be colored green and won't be visible against the background.
The background colors of the element have contrasting icon colors. If you stick with the default Light Grey background color, the contrasting icon color is Cutler Green, which won't show up against a green background. For the Cutler Green element color, the contrasting icon color is white, which will show up against a green column background.