If you are using a table in your Text Area Snippet and would like the background color for your table to match the color used for your Announcements, we can help you accomplish this in a few simple steps by editing your Text Area Snippets to add the HTML required.
Covered in this Article:
- Step 1: Obtain your secondary color code
- Step 2: Find the equivalent RGB code
- Step 3: Edit Page Content
- Step 4: Edit the Text Area Snippet
- Step 5: Access the HTML editor
- Step 6: Update the table code to change the color
➧ Step 1: Obtain your secondary color code
From your Manage Team admin console, go to your website editor and find the color used for your Text Area Announcement Snippet's background. This will be your website's secondary color.
On this example site, it will be green, with a color code of #4CAF50.
➧ Step 2: Find the equivalent RGB code
The table HTML editor will need the color input using the RGB (Red, Green, Blue) code.
Use Google to search for what color #4CAF50 would be in RGB = 76 175 80
 |
➧ Step 3: Edit Page Content
Now that you have this information, you will want to go to your team site and select Edit Page Content.
➧ Step 4: Edit the Text Area Snippet
Then click on the pencil to Edit the Text Area.
➧ Step 5: Access the HTML editor
The table background color is set from within the HTML editor on our text snippet. This can be found by clicking on"</>" in the header.
➧ Step 6: Update the table code to change the color
You can now see the HTML code for your table. The background color is currently set to rgb (255, 255, 255) which is the code for white.
You will want to change this to read (76, 175, 80) and Update this change. Now your table background color will match the color of your announcement box.
Comments
0 comments
Article is closed for comments.