How to change the colors and background of the Save button

Kevin_Lynch

Some feedback we have gotten from end users when submitting request offerings from the portal is that the Save button blends in too much and needs to stand out more. I was looking in the custom.css but can't seem to find what this section is called to recolor this.  Can someone advise me as to what this bar is called and how to recolor the background and text color?

Brett_Moffett

Hi @Kevin_Lynch

You can achieve this by using Custom.css.

Here is an example:

/* ======== Change Save Icon Green ====== */
<br>&nbsp;.fa-check:before {color: lawngreen;}

This will change the Tick icon for the Save button Green.
You can then just adjust the Tag or Element that you would like to target and set any CSS setting you like.

I hope this answers your question

Brett_Moffett

Hi @Kevin_Lynch

You can achieve this by using Custom.css.

Here is an example:

/* ======== Change Save Icon Green ====== */
<br>&nbsp;.fa-check:before {color: lawngreen;}

This will change the Tick icon for the Save button Green.
You can then just adjust the Tag or Element that you would like to target and set any CSS setting you like.

I hope this answers your question

Kevin_Lynch

Thanks Brett for the quick response.  That did the trick!