Design Cloud Elements - Quick Access

[janfuelscher]

Hi,

I would like to design something similar to https://demo.theme.co/designcloud/content/quick-access/ with the rounded images and the icons below. How can I find out what elements were used for this design without installing this template?
!

Thanks for any feedback.
All the best,
Franziska

[prakash_s]

Hello Franziska,

Thanks for writing to us.

Yes, you can achieve it by using our element since we have also created it by using our element.

Please follow these steps

1. Add a section with Grid element or Row with 3 column

2. Set the Flexbox as “ON” and then Align Horizontal as “Center”, Align Verticle as “Start”
   

3. Add an Image element and set the image. Now set the border-radius as per your design
   

4. Add a button element.

5. Add button text
   

6. Format text from here
   

7. Add button background colour from here
   

8. Add the icon from the graphic settings
   

9. Set the padding for the button and then set the margin to -30px or as per your design so that the button align on top of the image.
   

   

10. Set the border radius of the button.
    

Hope it helps
Thanks

[janfuelscher]

thanks so much! I will try this out.

[marc_a]

Hi Jan,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.