# How to Edit the Elements in the Advanced Grid?

1. Access Flex Mode thru Advanced Editor.  Click on the Advanced Grid that you need to edit. (Please see the image below.)

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2FZrNptu4XPfpwdbrmLPXX%2Fimage.png?alt=media&#x26;token=1603e856-94b3-4d55-8670-438f083dea68" alt=""><figcaption></figcaption></figure>

2. To edit one of the elements, just click on it then the toolbar for that element should appear. In the sample below we selected the blob on the back of the pictures. You can see the 'Content' and 'Design' buttons on the toolbar.

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2FpTVPnMDLJtMoqoWuMX5i%2Fimage.png?alt=media&#x26;token=95f24b27-1816-4f5b-b84e-63bf4c3fad34" alt=""><figcaption><p>When an element is selected, a toolbar for the said element also appears.</p></figcaption></figure>

3. Select 'Content' if you wish to change the actual content. (In this sample, the element selected is a shape. If you click on 'Content', this will allow you to change the shape itself. A popup shown below, appears where you can change the element.

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2F5rC18vGMRBXZr3tdr91q%2Fimage.png?alt=media&#x26;token=3fc824bf-12a1-407f-9467-a266025a3b67" alt=""><figcaption></figcaption></figure>

4. On the other hand, select 'Design' if you wish to change the arrangement, spacing, size, animation, layout, style, and color/image of the element. Contrary to the 'Content' button, a side panel appears when you click on select 'Design'. (Refer to the image below.)

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2FkgKFaqHpcdHJW876TDmS%2Fimage.png?alt=media&#x26;token=707c214d-be89-4b48-9cb0-d13d3666d32c" alt=""><figcaption></figcaption></figure>

5. When satisfied, simply hit, 'Done' to save the change you've made and wait for the site to update.

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2FDWR3brdNwFvfPqfAFLlL%2Fimage.png?alt=media&#x26;token=dde1fabf-01f3-4922-bad4-6327d4b30a37" alt=""><figcaption></figcaption></figure>

Note: As there are several different elements, the popups and toolbars will most likely be different as well. This guide was made to just show you, in general, how editing is done.
