子比主题美化-给多功能搜索组件添加一个搜索图标

此页面的默认 H1 标题

为子比主题的多功能组件的搜索框的左侧icon搜索图标添加一个显著的背景块,移动端不使用。

教程开始

将下面CSS代码加入到后台CSS里即可

@media screen and (min-width: 850px)
{.header-slider-search .line-form .icon
  {color:#fff;}.header-slider-search .line-form .icon{color:#fff;background-color:var(--theme-color);border-radius:0 50px 50px 0;cursor:pointer;padding:15px;display:block;height:52px;width:100px;padding-right:4px;line-height:0;margin-right:-26px;border:none;position:absolute;right:0;top:-14px;}.line-form:hover{box-shadow:0 2px 30px 0 #fff;}.filter-blur .header-slider-card .zib-widget,.filter-blur .header-slider-search .line-form{overflow:hidden;}}ul li .list-img a .avatar-lg img.avatarbox_Miniimgbox {display: none;}

 

效果展示

上一篇 网站右上角添加复制弹出样式
下一篇 子比主题美化 – 文章底部添加最后更新时间或过期失效提示