How to display button code without a link?

Homepage Community Forums Epik Theme Support How to display button code without a link?

Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #5787
    Mike
    Customer

      Hi – I’m trying to use a button without a link. I’ve tried removing the link, but then it doesn’t function. How can I edit the below code to just display the class= name? Thanks.

      Medium

      #5790
      Eric
      Customer

        You could just leave the link part of the code empty and it should still show up without being clickable.


        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        #5794
        Mike
        Customer

          Thks Eric. I tried many variations of ‘leaving the link part empty’, but it then displays as text.

          —–

          ie.. instead of

          // Small//

          I’ve tried…

          //Small // – still displays as link

          //<class=”button small black”>Small // – no link but doesn’t display button

          // Small//

          etc

          Any ideas? Thanks again.

          #5804
          Eric
          Customer

            I can’t really see what you’re trying to write in your comment (the code)…..try typing the code, select it, and press the button that says “code” so it will show up properly in the forum. If that doesn’t work for some reason, let me know.

            Here is what I was talking about earlier –

            <a class="button small">Example Text</a>

            When I add that it shows the button without it being an actual link. That’s what you want right?


            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            #5810
            Mike
            Customer

              Thanks again Eric. Yes, that what I got. It still displays an underline like a link, but without a link address. No worries.

              CLOSED

              #5816
              Eric
              Customer

                Ok, also if you want to remove the underline (which should only show when you hover over it) then you could create a new class for the “hover”, then add text-decoration: none; and it will remove it. It initially comes from this code –

                
                a.button:hover {
                	-moz-transition:all .5s ease;	
                	-o-transition:all .5s ease;	
                	-webkit-transition:all .5s ease;
                	text-decoration: underline;
                	transition:all .5s ease;	
                }

                but you can override it by adding a custom code/class.

                I’ll go ahead and close, but if you need more assistance with this feel free to let me know.


                I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘How to display button code without a link?’ is closed to new replies.