CSS codes for fa-info icon

[crazycells]

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?

.glossary-wrapper {
    .fa-info {
        font-size: .500em;
    }
}

[phenomlab]

@crazycells hi. Can you supply your site url so I can have a look ? Either here or via PM if you’d prefer.

[phenomlab]

@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;
}

[crazycells]

@phenomlab yes, thanks a lot. this works