小工具demo(自定义HTML)h3标题
小工具demo(主题侧边栏)
小工具demo(主题底部全宽)适应手机端
JS代码
放入主题目录:functions 文件
css代码:
放到主题自定义style里
/*自定义html侧边栏H3标题样式*/
h3.widget-titlee {
font-size: 16px;
font-weight: 500;
color: #333;
text-transform: uppercase;
padding-bottom: 13px;
margin-top: 2px;
margin-bottom: 15px;
position: relative;
border-bottom: 1px solid #ddd;
text-shadow: 0 0.25px 1.5px rgba(0,0,0,0.25);
}
h3.widget-titlee:after {
content: " ";
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #ff5d58 !important;
width: 12px;
height: 12px;
-webkit-box-shadow: 20px 0 #ffb528,40px 0 #26c73d;
box-shadow: 20px 0 #ffb528,40px 0 #26c73d;
top: 5px;
right: 45px;
}
h3.widget-titlee:after {
content: " ";
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #ff5d58 !important;
width: 12px;
height: 12px;
-webkit-box-shadow: 20px 0 #ffb528,40px 0 #26c73d;
box-shadow: 20px 0 #ffb528,40px 0 #26c73d;
top: 5px;
right: 45px;
}
/*自定义html侧边栏H3标题样式*/
/*主题小工具*/
.title-theme:after {
content: " ";
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #ff5d58 !important;
width: 12px;
height: 12px;
-webkit-box-shadow: 20px 0 #ffb528,40px 0 #26c73d;
box-shadow: 20px 0 #ffb528,40px 0 #26c73d;
top: 5px;
right: 45px;
}
/*主题小工具*/
温馨提示:
本文最后更新于2024-09-22 19:45:40
,某些文章具有时效性。
若有解压密错误或链接已失效,请在下方留言或在 微信公众号留言。
获取解压密码方式:
搜索并关注公众号【资源星球ResourceStar】
回复关键字【皓月星辰】即可免费获取
喜欢就支持一下吧
- 最新
- 最热
只看作者