Image With Text Pro

General Settings

Section Title Example: WE LOVE INTENSE FEELINGS Main headline for the section.

Section Description Example: Without a doubt, a basic, mediocre website won't leave a lasting impression on your audience. A supporting message that expands on the section title.


Fonts and Typography

  • Enable Custom Fonts Enables use of externally hosted or manually defined fonts.

  • Section Title Font Select a custom font (e.g., Sans-serif).

  • Section Description Font Select a custom font (e.g., Sans-serif).

  • Section Title Line Height

    • Desktop: 1.2

    • Mobile: 1.2

  • Font URL Insert the URL of the external font (e.g., from Google Fonts).

  • Custom Font Family Name Define the font family name (e.g., Inter, Poppins).


Colors

  • Background Color Default: #FFFFFF Controls the overall background of the section.

  • Section Title Color Default: #000000 Applied with !important to ensure visibility.

  • Section Description Color Default: #020202

  • Text Container Background Color Default: #F7F7F7


Gradient Settings

Title Gradient

  • Enable Gradient: Yes/No

  • Start Color: #000000

  • End Color: #FFFFFF

  • Angle: 90°

Description Gradient

  • Enable Gradient: Yes/No

  • Start Color: #000000

  • End Color: #FFFFFF

  • Angle: 360°


Media (Images)

  • Brand Image Upload an image relevant to the section (e.g., a product or brand image).

  • Image Shape Choose between Normal, Circle, etc.

  • Image Hover Animation Options include None, Zoom, Fade, etc.


Layout Options

  • Layout Order Options: Image Left, Text Right or Image Right, Text Left

  • Spacing (Desktop)

    • Left Gap: 10px

    • Right Gap: 10px

  • Spacing (Mobile)

    • Vertical Gap Between Image and Text: 10px


Text Alignment

  • Desktop Alignment Options: Left, Center, Right

  • Mobile Alignment Options: Left, Center, Right


Width and Animation Controls

  • Max Width (Desktop) Default: 1100px

  • Headline Text Animation Options: None, Fade In, Slide Up, etc.

  • Section Animation Options: None, Fade, Zoom, etc.


Scaling and Padding

  • Section Scale Default: 0.9

Padding (Desktop)

  • Top: 60px

  • Bottom: 60px

Padding (Mobile)

  • Top: 40px

  • Bottom: 40px


Font Sizes and Padding

Title Font Size

  • Desktop: 58px

  • Mobile: 47px

Description Font Size

  • Desktop: 21px

  • Mobile: 22px

Title Padding

  • Left/Right (Desktop): 0px

  • Left/Right (Mobile): 0px

Description Padding

  • Left/Right (Desktop): 0px

  • Left/Right (Mobile): 0px

Last updated