Is there a way to customize the colors of the sign in and employee panels in Amelia? (particularly the background color) if so, how would I do it? there doesn't seem to be a way under the customize menu. Thanks!
If you would like to modify the look of Amelia forms beyond what can be achieved through the general customization I can explain how to find and copy the selectors you need to use to style something.
Right-click on the part you wish to hide and inspect the element:
Then, when you hover over the code, that section will be highlighted in the modal. Right-click on the code that highlights the entire div, and go to copy/copy selector:
Paste that selector, and add "display: none !important;", like this for example if you want to hide something, different code would be applied if you want to change the color of course
#tab-extras {
display: none !important;
}
Certain selectors can't be combined, so if it doesn't work when you separate them with a coma, simply add another selector below }
If this doesn't help either, we can recommend these services for customization
Is there a way to customize the colors of the sign in and employee panels in Amelia? (particularly the background color) if so, how would I do it? there doesn't seem to be a way under the customize menu. Thanks!
Hi Azin,
thank you for reaching out to us
Customize General Color setting will influence the panel:
Are you trying to change the background behind the listed appointments as well?
Hi Ivana,
Yes, the background is always white and I don't think those settings affect it.
Hi Azin
If you would like to modify the look of Amelia forms beyond what can be achieved through the general customization I can explain how to find and copy the selectors you need to use to style something.
Right-click on the part you wish to hide and inspect the element:
Then, when you hover over the code, that section will be highlighted in the modal. Right-click on the code that highlights the entire div, and go to copy/copy selector:
Paste that selector, and add "display: none !important;", like this for example if you want to hide something, different code would be applied if you want to change the color of course
#tab-extras { display: none !important; }Certain selectors can't be combined, so if it doesn't work when you separate them with a coma, simply add another selector below }
If this doesn't help either, we can recommend these services for customization
https://codeable.io/?ref=l1TW1
https://wpkraken.io/?tms-plugins