首先,创建一个一行一列的大的待编辑内容块,设置“内容宽度”为600px,在“高级设置”中设置外距顶部参数为80px,内距顶部参数为10px,然后添加一个“标题”功能元素,输入文字“FAQ”之后,将“FAQ”的“HTML标签”设置为H3,对齐方式为居中,“文本颜色”为#848484,标题字体为Montserrat,标题“尺寸”为15px,“重量”为400。接着添加第二个标题功能元素,并将第二个标题的内容输入进去,设置“HTML标签”为H2,对齐方式为居中对齐,“文本颜色”为#011640,标题字体为Montserrat,标题“尺寸”为30px,“重量”为300,行高为1.2em。

接下来要将Elementor编辑器的“切换”功能元素添加到大的待编辑内容块中,因为案例模板中是左右对称的两个“切换”功能元素,所以此刻需要先添加一个内部区块元素,并将其“内容宽度”设置为1400px,然后在“高级设置”中将其“内距”的底部参数设置为200px。

business-3152586_960_720.jpg

Elementor编辑器的切换功能元素添加到待编辑内容块中之后,依次输入对应的标题和描述性文字,并选择图标和当前图标的样式,设置“标题HTML标签”的格式为div(也就是内容块,也可以设置为其他HTML标签)。

完成上述操作后,在“切换”功能元素的“样式”中,设置上下内容“之间的间距”为33,“盒子阴影”为模糊状态30,标题的背景颜色为白色,正常显示状态的颜色为#011640,当前状态(就是前端打开查看的状态)的颜色为#011640,字体为Montserrat,字体“尺寸”为18,“重量”为300,“内距”的4个方向均为25px。图标对齐方式为右对齐,颜色均为#011640,描述性文字的颜色为#848484,字体为Montserrat,“尺寸”为16,“重量”为300,“内距”除了顶部,其余三个方向均为25px。

设置了左侧的“切换”功能元素之后,采用同样的操作,复制左边的“切换”功能元素到右边,然后在内容块中变更对应的标题和描述性文字即可。这样就完成了整个案例的公司介绍(About Us页面)的全部设计。

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