Benefits Cards Pro 2

The Benefits Cards Pro 2 section allows you to visually highlight key advantages, features, or guarantees of your brand using customizable cards. Perfect for building trust and explaining your value proposition.


Section Settings

Section Title

  • Text: Why choose us?

  • Font Size:

    • Desktop: 34px

    • Mobile: 34px

  • Text Color: #000000

Background Color

  • Background: #FFF

Section Padding

  • Top Padding:

    • Desktop: 60px

    • Mobile: 45px

  • Bottom Padding:

    • Desktop: 60px

    • Mobile: 45px

Spacing Between Title & Cards

  • Desktop: 55px

  • Mobile: 35px


Benefit Card Appearance

Card Background

  • Static Color: #F9F9F9

  • Gradient Option: Enable for a multi-tone effect:

    • Start: #FAFAFA

    • Middle: #F9F9F9

    • End: #F4F4F4

    • Angle: 240°

Card Size

  • Desktop: 370px x 270px

  • Mobile: 330px x 260px

Border Radius

  • 12px for slightly rounded corners

Shadow

  • None (can be customized later)

Hover Animation

  • Subtle Translate (adds a light movement effect on hover)


Font Settings

Enable Custom Fonts

  • Toggle on to use personalized fonts

Fonts Used

  • Section Title Font: Roboto

  • Card Title Font: Roboto

  • Card Description Font: Roboto

Card Title Styling

  • Font Size: 24px

  • Font Color: #191919

  • Font Weight: Choose from Light, Normal, Bold

Card Description Styling

  • Font Size: 16px

  • Font Color: #666666


Icon Settings

Icon Background

  • Color: #F2F2F2


This section is ideal for showcasing things like:

  • Free shipping

  • 24/7 customer service

  • Eco-friendly production

  • Easy returns

  • Or any value your brand offers

Last updated