Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Span class glyphicons not inserting properly in text editor

Span class glyphicons not inserting properly in text editor

Scheduled Pinned Locked Moved General Discussion
5 Posts 4 Posters 402 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • DMBD Offline
    DMBD Offline
    DMB
    wrote on last edited by DMB
    #1

    Hi @Armin-Unruh @mariusjopen ,

    I'm trying to insert some glyphicons in the text editor. Using the 'source code' editor in the text function I can get glyphicons to appear - but only if there is a something entered into the span, like this A (it could be anything however, even a fullstop) :
    —

    <p><span class="glyphicon glyphicon-triangle-bottom">A</span></p>

    —

    If I leave the span blank like this it automatically deletes my code:

    —

    <p><span class="glyphicon glyphicon-triangle-bottom"></span></p>

    —

    How can I solve this because I just want to be able to show icons not characters as well? It seems that to make the span glyphicon appear you need a character value entered in the span tag, which is odd...

    If you leave it blank like my second code example it deletes the code and says 'Empty Text'

    Any ideas?

    Best,

    D

    1 Reply Last reply
    0
    • M Offline
      M Offline
      michaelenglert
      wrote on last edited by
      #2

      I have the same problem since i wanted to try social media buttons with the way u recommended it

      https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_social_media_buttons

      When i want to add this text:
      <a href="#" class="fa fa-instagram"></a>

      to a page im not able to save it.

      Could u help?
      Thank u very much

      1 Reply Last reply
      0
      • DMBD Offline
        DMBD Offline
        DMB
        wrote on last edited by DMB
        #3

        Put your code in the HTML editor using the 'HTML' button in 'More'.

        That will work, and is a better place to put it rather than in the text editor.

        D

        1 Reply Last reply
        0
        • edgrbnzE Offline
          edgrbnzE Offline
          edgrbnz
          wrote on last edited by
          #4

          Is there anyway you could turn the icons you need into a font?

          That’s would be a cleaner solution since you can just enter the characters you need instead of placing images inline.

          ✦ ✦ ✦

          1 Reply Last reply
          1
          • mariusjopenM Offline
            mariusjopenM Offline
            mariusjopen
            Global Moderator
            wrote on last edited by
            #5

            Dear @edgrbnz
            good one!

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply
            0
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            I also code custom websites or custom Lay features.
            💿 Email me here: 💿
            info@laytheme.com

            Before you post:
            1. When using a WordPress Cache plugin, disable it or clear your cache.
            2. Update Lay Theme and all Lay Theme Addons
            3. Disable all Plugins
            4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

            This often solves issues you might run into

            When you post:
            1. Post a link to where the problem is
            2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
            3. If the problem is difficult to explain, post screenshots / link to a video to explain it
            Online Users
            A
            alasdair17
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
            laytheme.com
            • Login

            • Don't have an account? Register

            • Login or register to search.
            • First post
              Last post
            0
            • Recent
            • Tags
            • Popular
            • Users
            • Search