Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #24466


    I was wondering is there is a code i can enter to get this effect on my text in a post.

    Where there is purple colored cross out of the word lunch. Can i enter a code that will do that effect with optional color change?



    Can anyone provide a solution?



    No, afaik this is not possible with code but you need to use an image.




    Thank you for the reply.

    I have tried using an image before and disabling the clickable feature but it’s still identifiable as a separate image from the background. Any suggestions on how to make an image completely unclickable so it’s more like its the background design of the page?





    Can you give us a link to the site?

    The image should be position: absolute;, then adjust the bottom and right position to cover the word “lunch”. You should also add the cursor: normal. Something like this.

    .lunch-crossout {
    position: absolute;
    bottom: 20px;
    right: 80px;
    z-index: 10;
    cursor: pointer;





    The site no longer has that coming soon page up. If i understand you correct – i should insert that information in the page i’m posting?


    My site though is



    You can use a background image so this way it will not be highlightable. However there is no real way for you to do what you want without developing your own cartoony font glyphs, since it will be possible for anyone interesting in selecting the text to instantly see that a portion of the text isn’t exactly text. One solution I think would be to keep the whole thing as a background image. This way it is not selectable and if done correctly with Illustrator and Photoshop it would have the effect that you are looking for. Most high end websites however do it just like Peter described, by mixing regular text with an image overlay.



Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘color customizable cross out to text’ is closed to new replies.