Enrich and customize your page using the Content section

This article will show you how to add the Content section to your page and use it to fine-tune the content appearance. 

The Content section is designed to demonstrate the text and image contents. It contains various presets to cover most of your needs, including the Benefits list, FAQ, Features list, etc.

Add the Content section to your page

Step 1: From the EcomSolid Dashboard, head to the Theme Editor or Page Editor.

Step 2:  Select “Library” from the top bar of the Editor Page.

Next, navigate to Section > Content. Choose your preferred section and hit “Insert” to add it to your Editor.



Configure the Section settings

After that, you will find the section added to your Editor. Click on the section to start configuring the settings. 


General Settings

Background Banner: Select “Image” to add a background image for your Content section. Otherwise, select “Color”.

Background Color: Choose a color from the list or enter a hex color code for the background color of your Content section.



Click on “More General Settings,” you will see more options to customize your Content section, including:

  • Adjust the Margin/ Padding for the section.


  • Animation: Select the animation for your content from the dropdown menu. You can click on “Preview” to see how the animation works on the live page. 



You will see a list of atoms included in the Content section. Each atom represents one element of your section.  Hover over the atom, click on the Eye icon to hide/show the atom then.



To edit the setting of each atom inside the Content section, click on the atom to reveal its configuration on the left sidebar. 

That's it! If you run into any problems when editing, please get in touch with our Customer Support via email or live chat.

Was this helpful?