Hi Team,
I have inserted the icon in the footer layout, it's look like normal (default). But I wanted to display the icon in the below manner. Please give me some advice to fix the problem.
MY DESIGN:
WANTED TO BE:
HI Sarvigaa Arivalagan,
Just consider this as a task and not a problem. I have attached a few links below which can guide us how to Create Custom Icons and alsohow to use them in our Environment.hope it helps!!Beyond Spritely Images: Using Icon Fonts in OutSystemsUsing Custom font for icons | OutSystems
Try with the CSS modification like in the Attached oml, attached sample working link here:Working Link, also attached the oml, to look into CSS/class modifications(you can always improvise).But I would suggest these kind of modifications are not best practice, instead create a custom icon and get it added.Regards,Varada Rajan
Thank You. Now I'm Done
Hey,
Short-cut solution is like create common css class which has background-color:transparent!important; property and apply same class to icon.
hope you will understand.
thanks
Yogesh
Hi @Sarvigaa Arivalagan
You can use the different Facebook icon in OutSystems and apply this class styles below to every Icon and it should look similar to what you want.
border-radius: var(--border-radius-circle);
padding: var(--space-s);
background-color: var(--color-neutral-10);
color: var(--color-neutral-0);
Thank You Megan, I done