Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 4, 2020 at 11:04 am #1235079
    AlidaKal

    Hi

    I have placed an icon inline , inside a textblock, added the icon to a link (while in text version). When I save it and look at the live site it looks ok. But every time I open the textblock again because I want to edit some text , the code I have added has disappeared and the icon has disappeared from the front side as well. I have used this code , see private content

    • This topic was modified 4 years, 3 months ago by AlidaKal.
    August 4, 2020 at 6:23 pm #1235158
    Nikko

    Hey AlidaKal,

    Thanks for giving us admin access.
    However I’m not sure which page is having the issue.
    Also, instead of using a shortcode I believe it’s better to use the Icon element, is there any specific reason why you prefer to use the shortcode?

    Best regards,
    Nikko

    August 19, 2020 at 3:58 pm #1239208
    AlidaKal

    Hi
    Sorry for late reply. I don’t know how to add an icon element inside a textblock. That’s why I have tried with the inline element. Please have a look at the link in the private section below
    Thank you!
    Regards

    August 20, 2020 at 4:33 am #1239359
    Nikko

    Hi AlidaKal,

    I see, if you want to use it inside the textblock, you can use the magic wand tool to generate the right shortcode for you.
    Here’s a screenshot that points you where it’s located: https://imgur.com/kGiR5pM
    Hope it helps :)

    Best regards,
    Nikko

    August 20, 2020 at 9:30 am #1239483
    AlidaKal

    Hi Nikko

    Thank you for your reply. I have looked at your suggestion. If I used the magic want tool I ‘ll get my icon somewhere at the left bottom of the page. I would like to have it inline with the text . How can I achieve that? For example see the link in the private content.

    Thanks again

    August 20, 2020 at 3:57 pm #1239566
    Nikko

    Hi AlidaKal,

    I have added this shortcode in your first section:

    [av_font_icon icon='ue873' font='entypo-fontello' style='' caption='' size='20px' position='left' color='' link='' linktarget='' animation='' id='' custom_class='av-icon-char-custom' av_uid='av-29a70b' admin_preview_bg=''][/av_font_icon]

    Then added this CSS code in Quick CSS, located in Enfold > General Styling:

    #top .av-icon-char-custom {
    display: inline-block;
    float: none;
}

    I think you can use the same shortcode, let us know if you need further assistance.

    Best regards,
    Nikko

    August 20, 2020 at 10:48 pm #1239667
    AlidaKal

    Hi I can see that is working, thank you. I have noticed you have added extra code : av_uid=’av-29a70b’ to this shortcode. This code is not there when I add the code myself with the magic want. Why is this part. code needed?

    Thanks again in advance
    Kind regards

    August 22, 2020 at 5:34 am #1239924
    Nikko

    Hi AlidaKal,

    The code is generated by the magic wand tool, that attribute does not really do anything but putting an ID to id, you can remove its content and leave that attribute empty.

    Best regards,
    Nikko

    August 23, 2020 at 9:27 am #1240052
    AlidaKal

    Hi Nikko

    Thank you, all clear now!

    Kind regards
    Astrid

    August 24, 2020 at 2:59 am #1240223
    Nikko

    Hi Astrid,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘icon inline with text dissappearing’ is closed to new replies.