第一步添加样式:

.title-iconse {
    height: 8px;
    width: 8px;
    background: #fd4b4b;
    padding: 0px;
    display: inline-block;
    border-radius: 50%;
    line-height: 0;
    position: relative;
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
    margin: 0 5px;
}

.float-rightse {
    float: right;
    position: absolute;
    right: 20px;
}

.title-iconse:before {
    content: " ";
    height: 8px;
    width: 8px;
    background: #ffd12a;
    border-radius: 50%;
    margin-left: 10px;
    position: absolute;
    display: block;
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
}

.title-iconse:after {
    content: " ";
    height: 8px;
    width: 8px;
    background: #79f52a;
    border-radius: 50%;
    margin-left: 20px;
    position: absolute;
    display: block;
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
}

第二步:去掉原主题的标题前的圆点

.widget-title:before {
    height: 0px;
    width: 0px;
}

第三步:主题functions.php搜索 <h5 class=”widget-title”>在此后面添加

<i class="title-iconse float-rightse"></i>

 

 

未经允许不得转载

文章标题:ripro-v2美化教程-给小工具添加MAC样式的圆点

原文链接:https://zptheme.cn/106.html

发布信息:文章由【子佩主题】发布于:2021年8月21日 10:56:40

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理.
BuRLRc.jpg

欢迎您,新朋友,感谢参与互动!

共有 0 条评论

沙发空余