Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #183387

    Hey guys,
    I’m trying to insert a fontello webfont with a smiley face into the text as a smiley. However, it is either positioned to the left, right or center. Is there a way to have it positioned inline with the text?
    Here is a page showing what happens as I insert it (and chooses “left” as the position) and what I’d like is for the line to appear like:
    “…kommer hjälpa er att komma ihåg detta [smiley]).”
    http://www.petersandinfoto.se/familje-och-barnfotografering/
    at the end of the text.
    Cheers guys!

    #183472

    Hi petersandin!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    .avia-builder-el-1 .avia-icon-pos-left { float: right; margin-right: 0.8em; margin-top: -19px; }

    Best regards,
    Yigit

    #183671

    Hi Yigit,
    That only moved the position of the smiley, it’s still “floating” on top of the text which doesn’t work since if you resize the window it ends up in the wrong place (in the line of text that is).
    Is it possible to make it into some kind of “inline element” with the text? (I’m not a web programmer so my language and terms might be totally wrong but I hope you understand what I mean)
    Cheers,
    Peter

    #183679

    I don’t have a solution to your problem but have to say you’ve created a very nice site ;-) – the only problem ist the font on the homepage, which you used for the citation. If you resize the window to mobile-phone size the text becomes unreadable…

    #183681

    thanks a lot Melonmelon! And thanks for pointing out that! The problem is that the citation it’s actually a .png image. I thought it was easier to do it like that but I’ll spend some time to see if I can use text instead and in that way have a better scaling.
    thanks again melonmelon, I really appreciate it!!

    #184189

    Hi!

    Try following css code

    
    #top #wrap_all .avia_textblock p .av_font_icon {
    display: inline;
    text-align: initial;
    float: none;
    margin: 0;
    }
    

    Cheers!
    Peter

    #184197

    You solved it dude!!! Thanks, it works perfect!!
    Peter

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Fontello icons in text’ is closed to new replies.