> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://doc.ecomx.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Electro How to Use Electro Image With Text Section

## About Image With Text Section

The **Image with Text** section in the Electro theme is a versatile feature that allows you to display a combination of images, text, and buttons. This section is ideal for highlighting products, services, or events, and can also be used to promote your website or blog.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588858/e27dc132fdb744b11a2d954badae/AD_4nXeXLLuuSrViPpVJw1H2olcyFaDwE8JprMShtuPcC6KQ1KmXxMNh7O-32sy-KgMkLpmGtbFgsty2yNRSQT0kJHbm4-kJeK7A1C1Rk4UWfPtyv46dfUIYpZkhtFdDrw5ljYrge47NZ1B7RLdYFVYJJwkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=8dc112468827d6a2b009b410049d6f4bdaa8c207de54e348e3b5a1c844a9b193&req=dSknFMx2lYlaUfMW1HO4zbPTBafS4TQY%2F3cqcJRf7r9HfRHVl6kw1Ym3oMVc%0AYYuVBWRVb3GHYFKNYZ0%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/9/7/0/6/9706fc579921a000/cc0a7974-f0c0-4969-a4a6-04ed3d_50noa4.png)

## How To Access The Image With Text Section

* Step 1: Go to Online Store > Themes > click on Customize
* Step 2: Click on Add section > search for "Image With Text" in the search bar and select it

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588870/b479f9e1cc7a8862c5c8acdbaf40/AD_4nXcax5vcX8766uTLlbf59OdQ14ktTxOXmKMHQF62AC6svW9x7ca8YhZMbkjp4uGXsKP9iuk88iFmEkv6WGbqhgedTs7mZfCr_eNTHRib6cIFZhkqPs6OP_SMMa4IdqM7Ws4ACoX6oqiCZ5fASJ5GoAkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=df0484e46ac072b626477b75dafbd791ae386d10b9378ad9a158669e32b23675&req=dSknFMx2lYlYWfMW1HO4zfBMN%2B%2By4m08v0Gh2NPkBOA72mcsaP7EQzBNZ6UG%0AKdIzTSVb2AInx1QzulE%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/6/7/0/5/6705e20211054400/336c18fd-46f6-4862-9577-b54117_1a2rys8.png)

To configure the **Image with Text** section, click on the section to reveal two tabs: **General** and **Image**.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588892/99c0149bf91ea51a493cab872023/AD_4nXdqGMhmNRD9lkIIuc14ryZPGEWUQ5iLeYZW41X7pdFtbUlSNYBmAATgD_cTn6RavOpym4qE0oO69JxExQfZXo_WSUFIDdLqi0R3fmi6ErvvRRdWFegY9hgcgxL-a1AsPt1cPDip-D6KcJTI4bBjkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=782a64e00e60d44345df1bc44096db41a5892548521adb9456a289092552de0f&req=dSknFMx2lYlWW%2FMW1HO4zTABCUVHywkzewknDWgStWAgAWGbXCR1bshj1ySs%0ANoPOSiBWiipmSogZSAU%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/8/5/0/b/850b435368d1180/bf7e1425-0519-4808-97cb-3df048_1ac8kkz.png)

The Settings for the Image with text section has 2 tabs: General and Image.

## General

In the general tab, you can:

* Select a color scheme for the section. These schemes can be edited or created in the Theme settings > [Colors](https://docs.saleshunterthemes.com/manual/electro-theme-settings/%23colors). The selected color scheme applies to all text components in the section, including subheadings, headings, background color, and buttons.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588912/2b02e41a1d866a03a4461bdeeb62/AD_4nXdUZU01LXbvgBFc0n88lLklvYY6ENfZOvEYauausfKlahx8gXqjg0xVp_cyZZwsy-ulXeKl-ijsgL_wKDiTj4URvAmTVURSVjiLkcwH_cyIstnG3v2AX8Iw6AmbOGv1D5zh0Qmxq7-Ht5xrZLz5dgkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=8a3e0c70539c6aaf6de3dd71683988ba73af627c65380c4e9b96d0963796afde&req=dSknFMx2lYheW%2FMW1HO4zRjAU0pfrqn3%2Fi4R4HhvdSLnBwZFz4K7ipuOo%2F7s%0ADUubNfDqJ5HYcWMCRVU%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/b/1/5/8/b158500e39aa180/6b8b2ebd-bfe2-4e7c-b64f-af01bd_wo1n07.png)

* Choose the content display order on large screens: you can choose to position the text first or the image first.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588933/2fbda1b64ea076ff1823c8562576/AD_4nXcJG_t0CG-0L5JEso6WDzD3LpzrmyVgTeZVst3NflnOJv8ox66_594NPowscSh-IOcNQ2BMaK_8AZwrK91TAi38MBmfQ34L1wtqkmFLoTY9G1Wk5gQIpJwvCJhANR0GoxKqtMLdBPYgT2FWjV10keymja8BZbPf92JsmxC2eHi0A.gif?expires=1792402200&signature=751d7b823cefdaac81737dd204153070555e6cb6b8366eb6d47f3d928841c5f1&req=dSknFMx2lYhcWvMW1HO4zbi4RvVvad%2FiA0Gcol08Z3xoxdQEIT%2Bt9vFcGaBJ%0AxEc7vLsCPDBr7EQFC%2BI%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/f/0/4/6/f0466fadfc517000/4feda30b-2c3b-419b-98e2-dcf509_vk37gf.gif)

## Image

In the Image card, click on the **Select image** button to upload the image. The recommended size for the image here is 700x500px for large screen sizes.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588950/9add1a95eaff2b9113530d4faeab/AD_4nXc8y2bbBzHSA9K8NZAMJi703AZRGpXqjcBWWPZqBAKeQFT8fkVHcAEyBMFr5aRwK0w5DqdHR1tMc3lbDa9vsy38IFt2RaZIyqrIdqsWt_De8_rmEOqViBNtdj4jhWVDzJv7KuzGOXwBrQ5GLBgsnQkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=8d13a5d7e7936fc280024212f366f17b0cd388919959cf503c4edbd0d28ab87e&req=dSknFMx2lYhaWfMW1HO4zRfcnMoX5rKS15au%2Fp2wWYodwYlgveK%2BAXcxRVO8%0AESdNbo26wx3dUyAqwJg%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/4/d/1/f/4d1f60176795e800/33ad6f25-5ca4-4a62-b4b1-bd7ef2_fs61fn.png)

After uploading the image on a large screen, you can choose the “**Image height on large screen**” option from:

* 70% screen height
* Full-screen height

Note: The section height automatically adjusts for lengthy texts on large screens.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588966/97d857bbcf66cc16354707dd7675/AD_4nXdecpdYhO2OoPtgiVRc3h0Ig_VAcEeUTh3sWlfYCJY7iVVM4VNk2Fnqq3NKQRshQGIjFNsXq3WbcWUS5n_ZjvKbsYKxC2gU9WbmVWj79JLGe1Pg59d-drw3ARv2FHjV4kjifxzu0K5TN2RNEiebkeymja8BZbPf92JsmxC2eHi0A.gif?expires=1792402200&signature=079763390dc445c731f34fb904d2a84d853224e96e5ffe2ef95a112959223264&req=dSknFMx2lYhZX%2FMW1HO4zfHjb%2B8MjNOE8VcUX9mtg%2FG6Zx1BMg6qwHj4RRxo%0ABL4BPZNCw71R%2BRDOoso%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/8/8/7/1/88711de902a7f800/57c3f5cc-7250-402e-8922-9c27e3_7lji0i.gif)

On mobile, the Electro theme has already adjusted the image to fit with the mobile layout. But you can use another image for the mobile layout for the Image with text section.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588984/d10e8a482d0182bd5a8f800659fb/AD_4nXebsJWT2qS3HJjMI-dyptVEKVci7_xkZVodhG0ckEsna9qOo-6XPHD6thuaWMBVSLxmGgfwXafLH6HbgVR6dtRtiq59gVMqSQbVxC94-HvBB73kQfmtFBcbewmjoEy8bq2ATO25H_XHC_lyb27u-gkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=d134c492850d9b3330c5f2c2d86d1f3d334fa609a06a74df6e80d3031ee267c7&req=dSknFMx2lYhXXfMW1HO4zU2fpabMiz8lvRuambc%2BcB%2FCNr7HEQUMd0py3dnV%0AOZVbBINnCB2fLZpCIuw%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588984/d10e8a482d0182bd5a8f800659fb/AD_4nXebsJWT2qS3HJjMI-dyptVEKVci7_xkZVodhG0ckEsna9qOo-6XPHD6thuaWMBVSLxmGgfwXafLH6HbgVR6dtRtiq59gVMqSQbVxC94-HvBB73kQfmtFBcbewmjoEy8bq2ATO25H_XHC_lyb27u-gkeymja8BZbPf92JsmxC2eHi0A.png?expires=1766660400&signature=274f8633a6702985c3518f9858a87f108d846cbf5f1cc469c01dcba53da92344&req=dSknFMx2lYhXXfMW1HO4zU2fqqLOjT0jvRuag7M4eSUwnFZiYC8yrj%2Fu%2F0Ts%0AR%2BlM%0A)

After uploading the image for mobile view, you can select one of 4 types of Image ratios. By default, the section is set for Portrait type.

* Square

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588994/d551fa14ba28faa0d86f5ff484c1/AD_4nXdHqiqk0my4epn9lQkMVWLZGyKDZVyIgdha3SuCYdwttmb4wwIRR8DmjLt5PC6RadhPKxiwNDvgWNKZ6hVfU17nuLrK6iCgXI8OHzl-timhJTJp8KB3jiqpe870PpWgdX0PaTTVwbaZC9oPKsiMuwkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=9ca5aaa082e57a1c67d3975d4b8d4a6c470752663788f53bc91f6f68015c5cea&req=dSknFMx2lYhWXfMW1HO4zZvqZAQfWc4ULBHmwhRrp2MJC6ykocdUm6PpZw04%0AdVJBk1ANX5N%2F4d3XfUo%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588994/d551fa14ba28faa0d86f5ff484c1/AD_4nXdHqiqk0my4epn9lQkMVWLZGyKDZVyIgdha3SuCYdwttmb4wwIRR8DmjLt5PC6RadhPKxiwNDvgWNKZ6hVfU17nuLrK6iCgXI8OHzl-timhJTJp8KB3jiqpe870PpWgdX0PaTTVwbaZC9oPKsiMuwkeymja8BZbPf92JsmxC2eHi0A.png?expires=1766660400&signature=442cf24f243e7d6e6d00faa6ebec72b30ee55d3476fae6b3fb516469e0b57f04&req=dSknFMx2lYhWXfMW1HO4zZvqawAdX8wSLBHm2BBtrllPnPnB9VgrWqzHHnVJ%0AVgh%2F%0A)

* Portrait (3×4)

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589012/3bc45172326824b9d68bd7c580c2/AD_4nXeaKiuBVdkdQwFtBBapIXXbpTq30VDN2tqB1JBwdfjIwbVH1SeaeB0-s1LIsqkaQpXyiH3nKm9AK5MpQC0KylZoEHiIYl4ae28tVZzOuhnBWM4B1VWgNA8QUj2rPVgVe2JgY3n2zsNb27mrY93zZwkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=9730bc66b6c9880ab5ccee367d443e89187334a94ce20b999a821a03a6b397ff&req=dSknFMx2lIFeW%2FMW1HO4zQ09P9vyh8dNScZSqPY%2B%2BghXxxGZnqvwzecGmxaS%0AqcotCxaX4FHUlZczRLc%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589012/3bc45172326824b9d68bd7c580c2/AD_4nXeaKiuBVdkdQwFtBBapIXXbpTq30VDN2tqB1JBwdfjIwbVH1SeaeB0-s1LIsqkaQpXyiH3nKm9AK5MpQC0KylZoEHiIYl4ae28tVZzOuhnBWM4B1VWgNA8QUj2rPVgVe2JgY3n2zsNb27mrY93zZwkeymja8BZbPf92JsmxC2eHi0A.png?expires=1766660400&signature=4f8bd986a6b9e04183ec78c83b5e7bc5e68065950498dda773c0f87e9a1cbd62&req=dSknFMx2lIFeW%2FMW1HO4zQ09MN%2FwgcVLScZSsvI48zJBXbfXoXVM32C3Oz8N%0A1BsM%0A)

* Landscape (4:3)

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589029/3287a7506fa11bb30d3079e85adb/AD_4nXdiOA4e7FoT0mK-9s3XwTJdjGkbaBBCVGSCtfcZiTBfU3ITWTMWbJoXTb_UolpZKno5E1lWoNTdGCqCy1avjW27LtkhVK4PTLYfP0vPZqqMzY1oAf_nit5vkyoAVW5hzd38_BiInXunANsT7XkJYwkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=14c9f4c26c27df6f11298e0d2632937887f6aa6b93c4d6fa4644853093302bd7&req=dSknFMx2lIFdUPMW1HO4zSIbCfKiNfCLflFRjkdcvH5d%2BpJ5jxVry017oS58%0A9na7AWcTzHSNiN%2FFrXo%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589029/3287a7506fa11bb30d3079e85adb/AD_4nXdiOA4e7FoT0mK-9s3XwTJdjGkbaBBCVGSCtfcZiTBfU3ITWTMWbJoXTb_UolpZKno5E1lWoNTdGCqCy1avjW27LtkhVK4PTLYfP0vPZqqMzY1oAf_nit5vkyoAVW5hzd38_BiInXunANsT7XkJYwkeymja8BZbPf92JsmxC2eHi0A.png?expires=1766660400&signature=2d25e58d32730ddb2aa6bbe479afe7fe718a6a916b2dc473d6e3bdd31656653c&req=dSknFMx2lIFdUPMW1HO4zSIbBvagM%2FKNflFRlENatUQX99j5SWmhVjnZ%2FvRb%0An%2FRR%0A)

* Adapt to image

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589040/b9b1d5254ea2fe015869d50fd853/AD_4nXcp4kpEAuSAcE-wV36o-Quh2b-qkYuBEkSrA2Wes8MdOZGluDCWzg-tVUzvsn-4m9_agTNTB0Zb3qc-d-3_iFw_snqOLC6X4DrwqCoXsr9aAfqzYtt5mU-MttlL8kzNeWaj0ZVKzfgi8KA4iU5GXQkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=12bf39241bd339bf099d29b2e9a8a181bbd0ebc610d85d282d12c3f19fec2924&req=dSknFMx2lIFbWfMW1HO4zd8Di1WtkAd8hoVVCRpe2to2Gkr964EpTE%2BoVF7F%0AkaW3pROBUiryNXV9Di0%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589040/b9b1d5254ea2fe015869d50fd853/AD_4nXcp4kpEAuSAcE-wV36o-Quh2b-qkYuBEkSrA2Wes8MdOZGluDCWzg-tVUzvsn-4m9_agTNTB0Zb3qc-d-3_iFw_snqOLC6X4DrwqCoXsr9aAfqzYtt5mU-MttlL8kzNeWaj0ZVKzfgi8KA4iU5GXQkeymja8BZbPf92JsmxC2eHi0A.png?expires=1766660400&signature=a485976a573d53465c87206e92ff614722e5d2dd47023a438a1ba5d62790df70&req=dSknFMx2lIFbWfMW1HO4zd8DhFGvlgV6hoVVEx5Y0%2BDoEQj%2BP734V9dDpV%2Bp%0ADbhg%0A)

# How To Setting For Image With Text Section Block

The Image with Text section supports five types of blocks: Subheading, Heading, Description, Button, and Countdown timer.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589054/854efbf5497b03f98a36fcb47be0/AD_4nXeKdYDQfgBI1-splHB-OLQpVZv7L8USwjfg3hx9vbzu3qjZLN6vhYu1tOTJ5_amcNwf00YSE1TohCYvrhqaRoU_66SEkd42zr9dMemJEmZIm8BdnSr_3NJhNvoyKfmdz3uHdUmciofUaqSEDBp7keymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=1be70a80ed4f366552e71f97131db083ddbe4fffe57a060777e8bdc7e001ab3f&req=dSknFMx2lIFaXfMW1HO4zUZNT6p0xnwHA%2BfnC7meKR051aT%2Brw0CKd0qblzI%0AphTNXpIY3MhHyEh%2F%2FWU%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589054/854efbf5497b03f98a36fcb47be0/AD_4nXeKdYDQfgBI1-splHB-OLQpVZv7L8USwjfg3hx9vbzu3qjZLN6vhYu1tOTJ5_amcNwf00YSE1TohCYvrhqaRoU_66SEkd42zr9dMemJEmZIm8BdnSr_3NJhNvoyKfmdz3uHdUmciofUaqSEDBp7keymja8BZbPf92JsmxC2eHi0A.png?expires=1766660400&signature=47db240983bb1316ac5435fd87860fde98c4a115c1f13afa2d3cf66d4ebf55e0&req=dSknFMx2lIFaXfMW1HO4zUZNQK52wH4BA%2BfnEb2YICdZ0UtrnonP3gHwmxB8%0A4VII%0A)

To add a block, click "**Add block**" and choose the desired type.

Important note:

* Subheading, Heading, and Description blocks can be added multiple times
* Button and Countdown timer blocks can only be added once per section

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589071/2f0ce670120e9446e7886e614948/AD_4nXdxAi1ET7JtTdB-wgP5IhSdUUCiAl0InwInZEpVW37MZiEDs9y1VGffUIL1c1FdJP3qr7qWX6RGW4GSRfMIS0AB2n9zT144Um8omK0rVGRynXAjT2iO8CZlQDPQvm7PJS_KoGwsoM60m9O8QUxzfQkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=f262b46581a76ed7fdda249377da122fbd573e32bbe65e8e6898b66591df3eac&req=dSknFMx2lIFYWPMW1HO4zcIL%2FRZfKbx8ygpuIHE6CYZqxIscGnCwi9uZ4Yrs%0AsSr%2BACUecI1xjWOulvI%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589071/2f0ce670120e9446e7886e614948/AD_4nXdxAi1ET7JtTdB-wgP5IhSdUUCiAl0InwInZEpVW37MZiEDs9y1VGffUIL1c1FdJP3qr7qWX6RGW4GSRfMIS0AB2n9zT144Um8omK0rVGRynXAjT2iO8CZlQDPQvm7PJS_KoGwsoM60m9O8QUxzfQkeymja8BZbPf92JsmxC2eHi0A.png?expires=1766660400&signature=1bd449df655f85096b780ee1b4e5ac5ba310077ab0e252b4230a5b2a24462c1a&req=dSknFMx2lIFYWPMW1HO4zcIL8hJdL756ygpuOnU8ALzHF3PrzDJWL%2BLgCt73%0AT%2BnX%0A)

To start settings for these blocks, click on the block you want to customize.

## Subheading And Description

Fill in the placeholder to show the **Subheading** or **Description** text in the section. If you leave the placeholder blank, the Subheading or Description will be removed in the section.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589085/46ae0e036a4feb3cce2332008995/AD_4nXeY7nZDU_ojfUc7RqBwe0Hx0OZerKe5QNbiVaQlnRGu9xQCMak2nStwlHVugpuhz0VOceN6mB5adOyGcsQzn5rUTwkqqAl5zu2gpbTI6Y06I8bKkoM2INAXcL84f9la8O3sRKfZnpdfWH4JV3dWLgkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=de8ac3170451eca5755f64546e8b006220799e4cfebf851d7c54c1246db8a2c1&req=dSknFMx2lIFXXPMW1HO4zbLPLjmCtC4Q85CC%2B%2FU6j8fQJflsGBFR5C2MoF8N%0AOsHmc5kEOiZo5pVW7YY%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589085/46ae0e036a4feb3cce2332008995/AD_4nXeY7nZDU_ojfUc7RqBwe0Hx0OZerKe5QNbiVaQlnRGu9xQCMak2nStwlHVugpuhz0VOceN6mB5adOyGcsQzn5rUTwkqqAl5zu2gpbTI6Y06I8bKkoM2INAXcL84f9la8O3sRKfZnpdfWH4JV3dWLgkeymja8BZbPf92JsmxC2eHi0A.png?expires=1766660400&signature=ef81b0dd75328d5e43e055c82e1c21d4b938a197c2d2a6b2295e4d444361384c&req=dSknFMx2lIFXXPMW1HO4zbLPIT2AsiwW85CC4fE8hv1HdkvHk1MgJMyCA%2FL5%0AFKRR%0A)

## Heading

In the Heading block, you can fill in the placeholder to show the Heading text of the section. You can also choose the **Text size** from Headline, H1, H2, H3, H4, H5 and H5. These sizes are based on the Base text size that has been set up in the Theme settings > [Typography](https://docs.saleshunterthemes.com/manual/electro-theme-settings/%23typography).

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589097/02ccab3b3452417ea87e679cecc0/AD_4nXfO3PfeZw2ZDSX33UJhBRL0ngJwK2cpNsSkiJlceXCka22LDP85W5D4U-cF58NS0usXfDw65gTGucjJpEuQwtvXbg0w2SfPvrIaiv1qp1kw6T0-mfqsLiYp8lSD8ZDlIrTbNlfUqSjalkp__xfXkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=79d1cd2601da8e71909e10094d41340da6c3beb7998d19e4b25fdc4c2174554d&req=dSknFMx2lIFWXvMW1HO4zfLMl%2BeyNQsS37q6y7fUn9UyssxMgseIGkL9fXoQ%0AcVL%2Bst30MrADzX5c%2BD4%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589097/02ccab3b3452417ea87e679cecc0/AD_4nXfO3PfeZw2ZDSX33UJhBRL0ngJwK2cpNsSkiJlceXCka22LDP85W5D4U-cF58NS0usXfDw65gTGucjJpEuQwtvXbg0w2SfPvrIaiv1qp1kw6T0-mfqsLiYp8lSD8ZDlIrTbNlfUqSjalkp__xfXkeymja8BZbPf92JsmxC2eHi0A.png?expires=1766660400&signature=89cfb3112c5c58652b8616490d39aa98dec470f69b40011cb2251900a2f53f99&req=dSknFMx2lIFWXvMW1HO4zfLMmOOwMwkU37q60bPSlu%2BUb%2BmrD2DX72Wp0gW6%0A613N%0A)

## Button

In the Buttons block, insert the button label name for the Button 1 and Button 2 to add buttons on the section. You can choose the type for each button from Primary, Secondary, and Tertiary in Styles. These styles can be adjusted in Theme settings > [Colors](https://docs.saleshunterthemes.com/manual/electro-theme-settings/%23colors).

Click on the button link to add a direct link for each button. If you want to remove a button, simply delete the text in its button label.

Note: The “**Link**” placeholder must be filled to make the button show as active state and clickable.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589109/452dadd91f59c8e8bf237d04b270/AD_4nXfDrhjh2DafmX7oSGE_Zfg0H11JnBD9Jr6QIf8EoZCblFbn2sfUR7eace2AL-ZBYq2CPYMSxMaUeBQftbBN7Ovf7JA1I_WPVtiaKuWqqDTPQ3bEFnWeq8vQIVY3ttSZjMKUIS7zWlthwGSncNP5tQkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=1dcb28514114f77827d20949a9e5a836899252d7c9fb31f6fceb87f07ec57b68&req=dSknFMx2lIBfUPMW1HO4zWS7YWHy21mAhqsopFI%2B%2BIydWkF%2FL0sdPWLF9fCc%0AOePqBT3C9oqx7BEyZV4%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589109/452dadd91f59c8e8bf237d04b270/AD_4nXfDrhjh2DafmX7oSGE_Zfg0H11JnBD9Jr6QIf8EoZCblFbn2sfUR7eace2AL-ZBYq2CPYMSxMaUeBQftbBN7Ovf7JA1I_WPVtiaKuWqqDTPQ3bEFnWeq8vQIVY3ttSZjMKUIS7zWlthwGSncNP5tQkeymja8BZbPf92JsmxC2eHi0A.png?expires=1766660400&signature=6788f8a801607df9d2bfa18fa34c34870ea53c5a93a9258fa96323a1b7502712&req=dSknFMx2lIBfUPMW1HO4zWS7bmXw3VuGhqsovlY48bb9JnVxkMRmOXk72FhG%0Arq%2B0%0A)

## Countdown timer

In the Countdown timer block, you can set up for the Countdown timer. Check full details about Countdown timer settings in this article.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589118/09fbca97eb18c9c960d9c4903c6f/AD_4nXf3kf1eA1kivYSI-2M92i38CX4Y6-AOWQjar7EqzQ2pMCdQ8MCqNDcIeew7Pragw7sTUAInTrzxpho-9Qpc5w04KMOolsLyHhTyl5RfheLWphKfuIxvhyZbq-NNubpiBA7fgc_Y6I3BMnVSjXVjfQkeymja8BZbPf92JsmxC2eHi0A.png?expires=1792402200&signature=be53686e0f685823c79813a41e38aa2c67e63e48edda82ee9d015624ba7ebb94&req=dSknFMx2lIBeUfMW1HO4zUsxQn364QGt9jYWKMfQQv%2BU%2BYosgcolQ1dpoFjj%0AV7TzZwFOApaKNr%2Fwaaw%3D%0A)](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902589118/09fbca97eb18c9c960d9c4903c6f/AD_4nXf3kf1eA1kivYSI-2M92i38CX4Y6-AOWQjar7EqzQ2pMCdQ8MCqNDcIeew7Pragw7sTUAInTrzxpho-9Qpc5w04KMOolsLyHhTyl5RfheLWphKfuIxvhyZbq-NNubpiBA7fgc_Y6I3BMnVSjXVjfQkeymja8BZbPf92JsmxC2eHi0A.png?expires=1766660400&signature=e14d569e9d6a9f76569fa5dacc11bdd51640b5ccb0b82e8f1acb3cae86899d17&req=dSknFMx2lIBeUfMW1HO4zUsxTXn45wOr9jYWMsPWS8VRhxsfgYkDIYineK1f%0AxXFa%0A)

## Frequently Asked Questions

**1. What is the Image with Text section used for?**

The Image with Text section is a versatile tool that allows you to combine images, text, and buttons to highlight products, services, and events, or promote your website or blog.

**2. Can I control the order of the image and text on large screens?**

Yes, in the "**General**" tab, you can choose to display the text first or the image first on large screens.  
​