Convert the call to action box into a speech bubble
I wanted to make the call to action really pop! So I found this really simple css to make the box into a speech bubble.
First, insert a CTA module in a section. Then, go to module settings and select Advanced tab.
Inside the BEFORE box, add this:
border-radius: 0px;
position: absolute;
content: ”;
width: 0;
height: 0;
border-top: 100px solid #00d664;
border-right: 100px solid transparent;
right: 100px;
bottom: -100px;
And inside the MAIN ELEMENT box, add this:
border-radius: 50px;
Note: You should match the colour of the top border with the background colour of your CTA.
That’s it! Enjoy:)
Next how to modify the tooltip blurb