我们在网页设计过程中会经常使用到Custom Css自定义代码，而如果我们使用的是Elementor编辑网站页面，需要怎么来添加自定义代码呢？elementor free和elementor pro都有各自的添加方法。
Elementor Pro添加自定义css
Elementor Pro添加自定义css的方法非常简单，我们想要给哪个元素添加自定义css代码，只需要切换到元素的高级菜单里面，最底下就是自定义css代码的位置。
Elementor Free添加自定义css
这个自定义CSS的功能是Elementor Pro的功能，如果我们使用的免费版，那就没办法这样添加自定义css，但是也有变通的解决办法。
方法一：添加到主题的css文件
这种方法涉及到修改主题文件，对新手来说可能不是太友好。
方法二：在主题的自定义里面添加到自定义css区域
网站主题菜单下，或者网站前台admin bar上面选择自定义，然后找到自定义css代码填入即可。
方法三：在当前页插入html内容，添加自定义css代码
具体方法是先插入一个html元素，然后内容写上下面的：
<style type="text/css">
/* 下面填写你自定义css */
</style>
然后发布即可。
总的来说，如果有Elementor Pro，那么设置自定义css代码非常简单，没有购买高级版，免费版变通一下一样可以实现添加自定义css代码的功能。