How can I use the three smaller quicklinks as used on the insided community homepage?

Hi all,

I added this code to the Before < /body> panel, but didn’t notice any changes:

< style> .quicklink__box__novisual { display: none; } .quicklink__title { text-align: left; padding: 24px 24px 16px 24px; }

Any advice on what I might be doing wrong? Could we find and edit the CSS width and height % manually as a workaround? @Yoeri 

@timcavey I know on inSpired we use emoji’s instead of icons to make use of the small Quick Links. And that script is only for when no visual is selected.

So either you need a different script for making the Quick Links small with icons, or else you will need to select ‘none’ for ‘visual’ and then add emoji’s instead like we do

@tom.shaddock do you have any thoughts on this?

Yep you’re suggestion @Shane1 is correct - @timcavey  those css rules will make sure the text is aligned left and that the box for the icon is correctly hidden if no image is selected.

For the quicklinks on the homepage we’re just using some normal off the shelf emojis for the images instead of an uploaded user icon.

@timcavey if you remove the images and apply those CSS rules, you’ll end up with something that looks like this (dont worry i’ve only made these changes to my local browser):
 

@timcavey  if you wanted to make a custom emoji with your icons - you could use this service: https://www.emojicopy.com/ and then copy and paste the emoji into the title bar. Hope this helps!

Thanks for the help @tom.shaddock and @Shane1 

Your advice has worked, but the emojis on their emojicopy site (when selected to copy) and on control (when copied over) and on the front end are black and white and basic versions. They don’t look great to be honest. 

Is this related to my version of windows? Any workaround or fix?

Hi @timcavey yep this sounds like an issue with emoji support on your PC - unfortunately emoji support isnt as ubiquitous as it should be, im not able to think of a suitable workaround besides picking more common emojis (which you know will be supported on more operating systems).

Your quicklinks are looking pretty good how they are though, this is how they’re rendering for me at the moment:

Thanks both, yep looks like there’s nothing we can do to make these look universally great. 

The ‘unicode standard’ emojis just look different depending on the device / OS. In the case of me and other moderators on our version of Windows, they look a bit naff. 

For for phones, and more UTD OS, they look great - we’re sticking with them!