[Support request] Speech bubble

Home Forums Support Speech bubble

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1410753
    Carole

    Hello
    I would like to create speech bubble with text.
    How can I do this?

    Carole

    #1410887
    David
    Staff
    Customer Support

    Hi there,

    it would require some CSS like this:

    .bubble {
        position: relative;
        max-width: 250px;
        /* Set width */
        height: auto;
        padding: 20px;
        background: #FFFFFF;
        /* Set background-color */
        border-radius: 10px;
    }
    
    .bubble:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 15px 15px 0;
        border-color: #FFFFFF transparent;
        display: block;
        width: 0;
        z-index: 1;
        bottom: -14px;
        left: 50%;
        transform: translateX(-50%);
    }

    And then in your content you would add this HTML

    <div class="bubble">
        This is my speech bubble text
    </div>
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.