首先是选择一个一行一列的大的待编辑内容块,设置整体的内容宽度为1400px,然后将Elementor编辑器中的“内部区段”功能元素拖动到该待编辑内容块中。将该新增内部区块的内容宽度设置为450px,并在“高级设置”中将其“外距”的顶部和底部均设置成10%(注意,是10%,不是10px)。

对于第一个标题“Know The Industry”,“HTML标签”设置为H3,对齐方式为居中对齐,然后在“样式”中设置文本颜色为#848484,在“排版”中设置字体为Montserrat,“尺寸”为15px,“重量”为400。

对于第二个标题“38 Years Of Experience In Luxury Real Estate”,“HTML标签”设置为H2,对齐方式为居中对齐,然后在“样式”中设置文本颜色为#011640,在“排版”中设置字体为Montserrat,“尺寸”为30px,“重量”为300。这样就完成了这两个标题内容的相关设置,接下来要对公司历史进行设置。

因为这部分内容同属于第二个大的待编辑内容块(也就是Know The Industry的内容 ),所以不必再新建一个大的内容编辑块,而是将Elementor编辑器中的“内部区段”元素拖动到前面两个标题内容的下方。然后将这个“内部区段”元素的宽度设置为1400px,并在“高级设置”中设置“外距”的顶部参数为80px。

左侧是Elementor编辑器的CTA功能元素,如果用图片+文字描述的形式也能做出这种效果。右边是典型的标题+描述文字的组合,三个小内容块是一样的,所以接下来只讲解其中一个的操作即可。

在将CTA功能元素拖到对应的地方之后,设置“Skin”为Classic,并在“Choose Image”下添加对应的图片,设置“图像尺寸”为“完整的”。然后在“Content”中的“Title”和“Description”文本框中输入对应的文字,将“Title HTML Tag”设置为H2。

brooke-cagle-g1Kr4Ozfoac-unsplash.jpg

CTA的样式中,设置“Box”的高度为250px,对齐方式为左对齐,内距的左边和右边均为100px(注意,这里的Box指的就是文字标题的内容)。然后将“Image”的高度设置为400px。

接下来在“Content”中将“Title”的字体设置为Montserrat,“尺寸”设置为25px,“重量”设置为200,“Spacing”设置为25;然后在“Description”的“排版”中,将字体设置为Montserrat,“尺寸”设置为16px,“重量”设置为200;在“Colors”中设置“NORMAL”状态下的背景颜色为纯白色,标题颜色为#011640,描述文字颜色为#848484。

关于右边的标题“Understand The Market”,设置“HTML标签”为H3,“文本颜色”为#011640,然后在“排版”中将字体设置为Montserrat,“尺寸”设置为22,“重量”设置为400。与其对应的文字描述部分,对齐方式设置为左对齐,“文本颜色”设置为#848484,字体设置为Montserrat,“尺寸”设置为16,“重量”设置为300,“行高”设置为2em。

最后,因为文字部分和左边的CAT的内容有较大的距离,可以单击右边的整个内容框,然后在其“高级设置”中将内距的左边设置为10%。

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