WordPress:如何使用Elementor Page Builder制作“透明”粘性标头?

时间:2019-11-18 04:44:29

标签: html css wordpress elementor

我正在使用Elementor Pro开发一个网站。在那里,我需要有一个粘性标头。我希望标头位于以下样式的slider的顶部。简而言之,就是透明的粘纸。

  1. 标题背景颜色-浅蓝色
  2. 标题菜单项颜色-白色
  3. 透明

滚动时,需要使用以下样式将标题固定在顶部。

  1. 标题背景颜色-白色
  2. 标题标题颜色-黑色
  3. 不透明

此网站首页上有我要查找的“精确”标题-https://en.chint.com/

Elementor Pro中,我创建了标题,使其具有粘性并应用了以下CSS样式。

selector.elementor-sticky--effects{
   background-color: rgba(133,130,255,0.5)!important
}

selector{
   transition: background-color 4s ease !important;
}

selector.elementor-sticky--effects >.elementor-container{
   min-height: 80px;
}

selector > .elementor-container{
   transition: min-height 1s ease !important;
}

我正在观看此视频-https://www.youtube.com/watch?v=0QpeKGfvKy8

但是,这不是我所期望的。在这里发生的是标题在滚动之前不是透明的,只有在滚动时才透明。与我所需要的相反。而且它不能满足我需要的其他样式。

我是Elementor的新手,如何进行这项工作?

0 个答案:

没有答案