Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 1, 2013 at 2:57 pm #183387
    petersandin

    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!

    November 1, 2013 at 7:33 pm #183472
    Yigit

    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

    November 2, 2013 at 10:30 am #183671
    petersandin

    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

    November 2, 2013 at 11:28 am #183679
    melonmelon

    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…

    November 2, 2013 at 11:56 am #183681
    petersandin

    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!!

    November 4, 2013 at 11:47 am #184189
    Dude

    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

    November 4, 2013 at 12:00 pm #184197
    petersandin

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

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