(1)上面部分内容有点特殊,它不是全屏宽度,而且占据了背景的一部分,所以先选择一个一行一列的内容编辑块,然后将Elementor编辑器中的“内部区段”功能元素添加到其中。这样就完成了一行两列的内容布局。

(2)为整个内容编辑块设置背景颜色。

左部分的文字是标题,HTML标签设置为H2。在“样式”的“排版”功能中设置该标题的字体参数,右边的文字描述也是同样的操作,在文本编辑器的样式功能中设置文字对齐方式为左对齐,并设置文字的字体参数,最后在“高级设置”选项卡中设置内容编辑块的外距。

despaired-2261021_960_720.jpg

(3)对下面部分的文字内容进行设计。

第一行小标题,设置文字颜色参数为#848484,字体为Montserrat,尺寸为15px,字体重量为400。第二行标题文字,设置文字颜色参数为#011640,字体为Montserrat,尺寸为30px,字体重量为300。第三行文字描述,设置对齐方式为居中,文字颜色参数#848484,字体Montserrat,尺寸为16px,字体重量为200。然后对整个内容块的宽度进行调整。

设置整体内容宽度为600px,然后在“高级设置”中设置整块内容的内部距离的上部和下部均为80px。

(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场。)