How to make buttons/components like these

Support
#1

Hello, I have noticed a huge rise in “bubble” and other simple designs recently, clients seem to really
want this feel. So I was wondering if anyone has any ways to make these type of elements within the native pro
designers or do i have to keep making them all js/css customs.

First off would it be possible to create a button like this and if so how.
Imgur

Secondly can I get an effect like this at the bottom of the sections anyway?
Imgur

Finally anyway to get a card like this
this is primary https://imgur.com/U82bKH1
Then this is secondary https://imgur.com/0FF4Gux

If anyone has any more suggestions for things they see alot in clients please feel free to comment.
I keep a bunch of the elements in a folder to make my design process way quicker and easier.
thanks in advance for any help or support given.

#2

Hi @richardjmanning,

Thank you for reaching out to us.

In your screenshot I see you probably need an icon in the button, you can do this in the Button element by enabling the Graphic Setup (see screenshot)

image

You can also set interactive animations via icon & img Interaction option. You can also change icons on hover by enabling the Secondary option under Graphic Icon settings

image

Yes you can do this by enabling the Section’s Bottom Separator and setting the Type to Curve In. You can adjust the Height and Inset as you need (see screenshot)

image

By default the front side of the Card element doesn’t have a button but you can add the button via Shortcode in the Front Content. You can find the button shortcode from here https://demo.theme.co/integrity-1/shortcodes/buttons/ this way you can customize your button to make it look the way you need it. The back button is customizable via Card element settings. Rest of the layout can be achieved via Card element’s settings.

Hope this helps!

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.