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 381 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.
  • D Offline
    D Offline
    DMB
    wrote on Dec 30, 2017, 7:51 PM last edited by DMB Jan 2, 2018, 7:59 AM
    #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 Mar 21, 2019, 4:36 PM 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
      • D Offline
        D Offline
        DMB
        wrote on Mar 22, 2019, 11:20 PM last edited by DMB Mar 22, 2019, 7:21 PM
        #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
        • E Offline
          E Offline
          edgrbnz
          wrote on Mar 23, 2019, 4:53 PM 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
          • M Offline
            M Offline
            mariusjopen
            Global Moderator
            wrote on Mar 24, 2019, 11:16 PM 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
            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