如何在页头的导航添加有底色的字标志?

Ec_ ☎小余 发布于 1个月前 分类:问答

添加前面的图标已经有教程,但是添加导航右上角的热或者HOT有底色的标志怎么添加?

360截图20190615203954958.jpg

2个回复

  • WPCOM
    WPCOM

    您好,这个是用户自己加的,是需要自定义css样式来实现的,具体方法可以参考:

    1、将以下代码添加到主题设置-风格样式-自定义css里面(如需修改显示文字,可修改下面的“热”字):

    .menu-item.hot::after {
    background-color: red;
    color: rgb(255, 255, 255);
    content: "热";
    font-size: 10px;
    line-height: 1;
    position: absolute;
    right: -1px;
    top: 12px;
    border-radius: 3px;
    padding: 1px 3px;
    }

    2、进入后台外观-菜单,检查下CSS类是否勾选,没有的话请勾选一下,如图:

    QQ20190617-164355@2x (1).png

    3、展开需要编辑的菜单链接,在CSS类里面填写hot,如图:

    QQ20190617-164545@2x (1).png

  • wuyou
    wuyou

    你好,看下我的博客哦,有相关代码说明的。

    WordPress导航图标设置具体步骤 - SEO技术博客
    https://www.ainiseo.com/jianzhan/wordpress/3247.html

在线咨询
QQ咨询
微信关注 微信公众号