1. Login to your website WP admin dashboard, e.g., https://greyboxprod.wpengine.com/wp-admin/
2. Click on ‘Pages’ in the menu at the left-hand side.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/074d73e9-9aac-44a2-99a1-5f3eee1c185c/ascreenshot.jpeg?tl_px=0,109&br_px=859,590&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=34,212)
3. Once in Pages window, on the textbox field at right-hand side of your screen, type the word “Text & Images Blocks” and click the ‘Search Pages’ button.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/fc44899e-ee0d-4f9b-b9a9-a0dfa82a134a/ascreenshot.jpeg?tl_px=1060,25&br_px=1920,506&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=791,212)
4. You will see the “Text & Images Blocks” page appear in the list. Under the “Text & Images Blocks” page right-click ‘Edit with Elementor’ and open in a new tab. Leave this tab open for now.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/9eccb5ac-283c-4974-883e-64a01fbe7d57/ascreenshot.jpeg?tl_px=14,155&br_px=874,636&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=402,212)
5. If creating a new page, click the Pages ‘Add New’ button. This will create and open up a new page window. If you will be adding a pre-built text & image component to an existing page, search and open that page from the Pages list by clicking on Edit with Elementor.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/c84a386e-36fb-4432-871b-b50329c8d1b3/ascreenshot.jpeg?tl_px=0,0&br_px=859,480&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=249,132)
6. On the new page, type in the preferred title for the page in the ‘Add title’ text field. In this example, we are using “Text & Image Block 2.” Skip steps 6 to 8 if working on an existing page.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/2519f642-db36-450c-b4b9-4b716c4a9d55/ascreenshot.jpeg?tl_px=75,0&br_px=935,480&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=402,139)
7. Then at the top-right hand side of your screen click ‘Publish’ button.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/6c166e19-8490-42cd-a138-d52fdaf6e02a/ascreenshot.jpeg?tl_px=1060,0&br_px=1920,480&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=711,4)
8. Click the ‘Edit with Elementor’ button at the top of your screen to start editing your page.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/83e7d085-8161-4881-b5e4-f4d2e60f70d7/ascreenshot.jpeg?tl_px=0,0&br_px=859,480&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=399,0)
9. Navigate to the pre-built “Text & Image Blocks” page tab that you opened earlier.
10. In the existing GreyboxPro “Text & Image Blocks” page, scroll down to see the examples and decide on which pre-built component you like for your page. Hover over your chosen component to reveal a grid icon, then right-click on it. Make sure that you are selecting the entire section and not just the inner sections.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/200d7238-99dd-4296-8765-26227fd60726/ascreenshot.jpeg?tl_px=674,0&br_px=1534,480&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=402,207)
11. After hitting right-click, it will show a drop-down list from the Elementor editor. Click on ‘Copy’ to copy the pre-built component.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/d3b19b56-30ff-43fb-a06e-25ff5c3ded8d/ascreenshot.jpeg?tl_px=725,75&br_px=1585,556&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=402,212)
12. Navigate back to the page you are working on or reopen it by going to Pages and clicking ‘Edit with Elementor’ .
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-11/4e9f40ad-d630-4b66-905b-4b5378b85bca/ascreenshot.jpeg?tl_px=18,157&br_px=877,638&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=402,212)
13. On the page that you are working on, right-click on the ‘Drag widget here’ section and select ‘Paste’. This will paste the component that you copied from the existing GreyboxPro “Text & Image Blocks” page.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/582c6f4b-9460-49e9-b06f-fd1f82b2e71f/ascreenshot.jpeg?tl_px=462,171&br_px=1322,652&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=402,212)
14. Now, you can replace the heading, text, and images of the copied pre-built text & image components to suit your needs. Click on the individual widgets to reveal edit options in the left-hand menu and customize them to your liking.
15. On the bottom left-hand click ‘Preview’ (eye icon) to view you new page.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/6926327f-d1d5-42df-8bf1-a2d8bd6ca3f8/ascreenshot.jpeg?tl_px=0,480&br_px=859,961&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=133,433)
16. If you are satisfied with how everything looks, click the ‘UPDATE’ button to save the changes made.
![](https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2023-05-10/0e86a493-1093-4873-adef-e2596c5f28ff/ascreenshot.jpeg?tl_px=0,480&br_px=859,961&force_format=png&width=860&wat_scale=76&wat=1&wat_opacity=0.7&wat_gravity=northwest&wat_url=https://colony-recorder.s3.us-west-1.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=206,429)