I'm trying to change the color of a html geometric symbol when post data of a html table on confluence . I followed utf-8 html character from here https://www.w3schools.com/charsets/ref_utf_symbols.asp The problem is that the color of this symbol isn't changing and shows black colored filled circle on confluence page . Where as in an online html editor this code prints a green colored circle. I tried below in my code: ' ⚫ ' here is the final html result: symbol ⚫ On confluence it prints as: symbol ⚫ I want to have this circle symbol filled and print with a different color other than black. I'm not sure if this is a confluence problem or the way I'm using style is incorrect or css property text-shadow not allowed . I followed this as an eg https://stackoverflow.com/questions/48152562/changing-font-color-of-html-symbol Kindly help.

Hi Shaw, You're welcome! I'm glad we were able to test this on a variety of environments to help narrow down your issue. If you continue to have any trouble with this feel free to let us know. Regards, Shannon

Thanks @Shannon S I believe it could be the compatibility with OS X. I hadn't upgraded to Catalina OS X until this week and now after update when I use that green circle emoji symbol it shows perfectly fine on confluence as compared to others who haven't upgraded. To be on a safer side I'll use the option 3. unicode version of the symbol (●) with the necessary RGB hex code/color. Thanks for looking into the issue.

Hi Shaw, Thank you for your patience. We were able to confirm that this type of customization will work in Confluence Cloud. You'll first want to make sure that you're formatting the storage format properly before you send it to Confluence. In our test, we sent a GET request to obtain the page body via REST API to make sure the correct formatting is being used. See REST API Examples > Read content, and expand the body for details on how to do that. Example: https://YOUR-SITE.atlassian.net/wiki/rest/api/content/#######?expand=body.storage We then edit the body storage to include the example from the Stack Overflow page. I.e.: ● There are a few things to note: * The green circle emoji (🟢) is a new emoji as of 2019. Because of this, it will not display on all operating systems. I am on macOS Catalina and I am able to view it. My colleague, who is on Linux (Ubuntu 18.10), sees a rectangle instead. This is the reason that was not working for you earlier. * We then tested using the black circle emoji (⚫), which was the emoji you were looking to change. When we ran the changes, we can confirm they went through on my colleague's Linux workstation. However, if I view the same page in macOS, you can see it's back to black. (See the image below.) I believe this is because macOS is displaying it as an image instead of as a symbol. * Finally, we tested using the unicode version of the symbol (●) and can confirm this also works. In this case, I can see the changes on macOS too. In the image below, the black circle emoji and black unicode circle have been changed to green, although the original black circle emoji is still displaying for me because I'm on macOS: My recommendation would be to use the unicode in your example instead of the emoji. This way you can ensure that the experience is the same across all environments. I hope this helps, but do let me know if you continue to have any issues. Regards, Shannon

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to change color of a html symbol used in html table and post data on confluence ?

Shaw

I'm trying to change the color of a html geometric symbol when post data of a html table on confluence . I followed utf-8 html character from here https://www.w3schools.com/charsets/ref_utf_symbols.asp

The problem is that the color of this symbol isn't changing and shows black colored filled circle on confluence page . Where as in an online html editor this code prints a green colored circle.

I tried below in my code:

'<span style=\'color: transparent; text-shadow: 0 0 0 rgb(0, 128, 0);\'>&#9899;</span>'

here is the final html result:

<table><tbody><tr><td>symbol <span style=\'color: transparent; text-shadow: 0 0 0 rgb(0, 128, 0);'>⚫</span></td></tr></tbody></table>

On confluence it prints as:

symbol ⚫

I want to have this circle symbol filled and print with a different color other than black. I'm not sure if this is a confluence problem or the way I'm using <span> style is incorrect or css property text-shadow not allowed .

I followed this as an eg https://stackoverflow.com/questions/48152562/changing-font-color-of-html-symbol

Kindly help.

Accepted answers

All comments

Shannon S

Hello Shaw,

Happy to help with this.

Can you let me know what macro you are using or where you are inserting this code in Confluence exactly? Is this on the new editor?

Can you confirm that your Confluence version is the Confluence Cloud version?

Regards,

Shannon

Shaw

Hello Shannon ,

Actually, I'm inserting this html tags/ code(as a string variable) in a python script (.py file) and on executing the script that prints /reports this on confluence(using confluence API) as a table format result with that symbol wherever I'm inserting it. Primarily, I'm just concerned if its possible to change the color of html circle symbol (symbol unicode used ⚫ and span style to change its color)

Shannon S

Thanks Shaw,

I'm not quite sure why that might not be working, but would it be possible to just use the unicode for the color of the symbol you desire?

For example:

&#9899;

Seems to be specifically for "Medium Black Circle" and

&#128994;

Shows a green circle.

Regards,

Shannon

Shaw

Actually, on trying unicode char 🟢 it prints a square symbol instead of a green circle emoji. Hence , used medium black circle html emoji unicode and trying to change its color.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

confluence-cloud