<![CDATA[CSS codes for fa-info icon]]>Hi @phenomlab , how are you?

I have an info icon because of the glossary plugin, however, the icon is not at the place where I want it to be… I made it smaller with this code, however, I also want to change its position, I think I prefer it further above, on the upper right corner of the word. Do you know which codes should I use?

Screen Shot 2022-01-30 at 4.55.37 PM.png

.glossary-wrapper {
    .fa-info {
        font-size: .500em;
    }
}
]]>https://sudonix.org/topic/213/css-codes-for-fa-info-iconRSS for NodeSun, 07 Jun 2026 04:47:46 GMTSun, 30 Jan 2022 22:07:44 GMT60<![CDATA[Reply to CSS codes for fa-info icon on Sat, 23 Mar 2024 18:47:24 GMT]]>I have just figured it out…

it can be targeted with text-decoration-color:

I was mistakenly using color

]]>https://sudonix.org/post/8630https://sudonix.org/post/8630Sat, 23 Mar 2024 18:47:24 GMT<![CDATA[Reply to CSS codes for fa-info icon on Sat, 23 Mar 2024 18:26:32 GMT]]>@phenomlab it looks like I am going with wavy… at least it does not interfere with the visibility of the word…

Screenshot 2024-03-23 at 14.17.22.png

is there any way to target the wave line only, and not the word? I am trying to change the color of the wavy line, but the code changes the color of the word too…

]]>https://sudonix.org/post/8629https://sudonix.org/post/8629Sat, 23 Mar 2024 18:26:32 GMT<![CDATA[Reply to CSS codes for fa-info icon on Sat, 23 Mar 2024 17:56:02 GMT]]>@phenomlab thank you very much 👍

]]>https://sudonix.org/post/8628https://sudonix.org/post/8628Sat, 23 Mar 2024 17:56:02 GMT<![CDATA[Reply to CSS codes for fa-info icon on Sat, 23 Mar 2024 17:22:51 GMT]]>@crazycells You can find that here

.glossary-wrapper .glossary-word {
    text-decoration: underline;
    text-decoration-style: dotted;
}

Specifically, you want to either remove or change the text-decoration-style value 🙂

]]>https://sudonix.org/post/8624https://sudonix.org/post/8624Sat, 23 Mar 2024 17:22:51 GMT<![CDATA[Reply to CSS codes for fa-info icon on Fri, 22 Mar 2024 21:29:48 GMT]]>hi @phenomlab , I have a follow up question about the glossary plugin… is there any way to target the underlying “…” I want them smaller and maybe will change the color… I could not identify the specific class to target…

Screenshot 2024-03-22 at 17.25.10.png

]]>https://sudonix.org/post/8614https://sudonix.org/post/8614Fri, 22 Mar 2024 21:29:48 GMT<![CDATA[Reply to CSS codes for fa-info icon on Mon, 31 Jan 2022 15:01:36 GMT]]>@phenomlab yes, thanks a lot. this works 👍

]]>https://sudonix.org/post/2369https://sudonix.org/post/2369Mon, 31 Jan 2022 15:01:36 GMT<![CDATA[Reply to CSS codes for fa-info icon on Mon, 31 Jan 2022 10:46:53 GMT]]>@crazycells Something like this would probably do it. Sadly, it requires position: absolute and you will need to play around with this to get the desired effect you are looking for, but it does work

.glossary-wrapper .fa-info {
    font-size: .5em;
    display: inline-block;
    position: absolute;
    margin-left: -5px;
}

0723b195-74da-4ed3-8b85-be8499ea1ff9-image.png

]]>https://sudonix.org/post/2367https://sudonix.org/post/2367Mon, 31 Jan 2022 10:46:53 GMT<![CDATA[Reply to CSS codes for fa-info icon on Mon, 31 Jan 2022 00:31:17 GMT]]>@crazycells hi. Can you supply your site url so I can have a look ? Either here or via PM if you’d prefer.

]]>https://sudonix.org/post/2366https://sudonix.org/post/2366Mon, 31 Jan 2022 00:31:17 GMT