一种是将粉红色的背景纯色块和右侧的楼房图片分开设置成背景(本书为黑白印刷无法显示粉红色，可以到Elementor模板库里查看)。另一种方法是事先在Photoshop中将粉红色块和楼房图片处理成一张背景图片。

(1)首先单击该内容块的图标，然后选择“样式”选项卡，在“背景”选项组下的“标准”中选择“经典”模式，并设置“颜色”(##FFF7F1)。接着单击“图像”，并上传本地计算机中的楼房图片(注意，必须是背景透明的png格式的图片，否则会和之前设置的粉红色背景冲突)，设置“位置”为“中心右侧”，尺寸大小为“覆盖”。

(2)设置完后再调整整体的内容高度，并对当前背景的高度的设置。首先在“编辑段”功能下的“布局”选项卡中，将“内容宽度”的类型设置成“方框”，并将“内容宽度”的大小设置成1400px。然后设置最小高度单位为“VH”，并设置“最小高度”的值为94。这样就完成了当前内容区域下的背景设置，也可以直接用Photoshop先将背景图片处理好再上传。

(3)输入文字并进行相应设置。首先在Elementor编辑器中将“标题”功能元素拖动到待编辑内容块中，在内容版块中输入标题文字后将其设置为居左对齐。然后在“样式”选项卡中设置“文本颜色”的参数。在“排版”功能中设置字体参数。

接着输入第二个大标题名称。因为这个内容比较重要，是对整个首页的概括，所以在“HTML标签”中将其设置成“H1”。在“样式”选项卡中将该文字颜色设置成“#011640”，在“排版”中设置字体参数。

这样做出来的效果和原版有区别，因为文字直接遮盖了背景的楼房，所以在该H1标题的高级设置中将其内距的右边设置为800px(移动端的设置随后调整)，这样就完成了第二个标题的相关设置。

第三个部分的文字是对上面H1标题的阐述，因此要用Elementor的文本编辑器输出这部分内容并对其进行设置。首先将这段描述性文字添加到文本编辑器中，然后设置对齐方式为左对齐(和标题的文字对齐方式不一样，标题的对齐方式是在内容版块中设置的 )。设置文本颜色参数为“#848484”。设置字体为“Montserrat”，文字尺寸为16px，字体“重量”为300。为了和H1标题宽度一致，需要在“高级设置”选项卡中设置描述性文字的内距为850px(移动端显示效果待调整 )。

(4)添加按钮功能元素并对其进行设置。将Elementor编辑器的按钮功能元素添加到待编辑内容块中后，第一步要做的就是将按钮上的文字“Explore Our Properties”输入文本框中，然后设置“对齐”方式为居左对齐，设置“尺寸”为“小的”。接着在“排版”中对按钮文字设置文字的各项参数。

因为这个按钮设置了鼠标悬停的效果，所以在“标准”模式下与“悬停”模式下的颜色参数要有区别。在“标准”模式下设置文本颜色参数为#011640，背景颜色参数为#FFD6D6。设置完成之后切换至“悬停”模式，然后将文本颜色参数和背景颜色参数分别设置成#FFD6D6和#011640。最后调整一下按钮的内距，上、右、下、左的参数分别是15、30、15、30，单位是px。

至此为止，就完成了首屏内容的设置(移动端尚未调整)。