Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 22, 2021 at 7:27 pm #1326119
    Marcos Q.

    Good afternoon, I need to insert an icon in the cells of a table (price table). I can put a shortcode that extracts the icon, this is displayed correctly, but from this height of the page, it seems to break the styles of other elements. I have detected that from that point the buttons do not apply custom styles, the columns overlap (in mobile view) and sections and other elements that would have to be hidden on mobile devices do not.

    Is there a “safe” way to insert an icon into a cell without breaking the other styles?

    Enfold 4.8.6.5 Installed

    Thanks

    • This topic was modified 3 years, 2 months ago by Marcos Q.. Reason: Enfold version added
    October 23, 2021 at 7:35 am #1326143
    Rikard

    Hey Marcos Q.,

    Could you post a link to where we can see the results you are getting please?

    Best regards,
    Rikard

    October 23, 2021 at 12:23 pm #1326158
    Marcos Q.

    I attach the links and screenshot in private cotent box

    October 24, 2021 at 10:07 am #1326216
    Rikard

    Hi,

    Thanks for that. Could you try using a html bullet instead? Just remove the blank spaces between the characters:

    & # 8 2 2 6 ;

    You could try wrapping it in a span tag as well. If you need further help, then please post admin WordPress login details in private.

    Best regards,
    Rikard

    October 25, 2021 at 11:47 am #1326295
    Marcos Q.

    Hi, I appreciate your suggestion to use html code for the “bullet”. It works fine now.

    leaving aside this case … is it possible to use the icons in some other way in the table?

    October 25, 2021 at 2:57 pm #1326327
    Rikard

    Hi,

    Thanks for the update. It should be possible yes, but I’m not sure exactly what is breaking the layout unfortunately. Did you try to add the actual markup instead of the shortcode? If not, then please try something like this:

    <span class="av_font_icon avia_animate_when_visible av-icon-style- avia-icon-pos-center avia-icon-animate"><span class='av-icon-char' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span></span>

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.