(1)添加背景为藏青色的两行两列图标框并对其进行设置。新建一个一行一列的大的内容编辑块,然后往待编辑内容块中添加两次“内容区段”元素。

(2)对整个大内容块的背景颜色进行设置,并将Elementor编辑器中常规功能元素“图标框”拖动到预设的一行两列待编辑内容的第一个内容框中,并设置内容块的整体背景颜色为#011640。

(3)对第一个图标框进行设置,首先是更改图标,在图标库中选择需要的图标,然后修改图标框的标题和描述文字。

(4)对图标框的样式进行设置,首先设置图标在“标准”状态下的主要颜色为#FFFFFF,“间距”为20px,“尺寸”为50px;“旋转”为0,其他参数不变。在“内容”中设置“对齐”方式为左对齐,“垂直对齐”为顶部,“标题”部分的“间距”为20,“颜色”为#FFFFFF,在“排版”功能中设置字体为Montserrat,字体“尺寸”为18px,“重量”为300。描述部分的颜色为#FFFFFF,在“排版”功能中设置字体为Montserrat,字体“尺寸”为15px,“重量”为100。

analytics-3291738_960_720.jpg

这样就完成了一个小的图标框的设置,剩下的三个不需要逐一设置,直接复制已经调整好的这个图标框到对应的待编辑内容块中,然后修改对应的图标、标题和描述文字即可。

接下来需要设置整个大内容版块的外距和内距,当外距的参数值为正数时,表示和上面另外一个大版块的间距比较大,为负值则表示和上一个大版块的间距比较小,会产生叠加效果,设置外距的顶部为-200px,内距的顶部和底部均设置成300px。

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