• 注册
  • BBS
  • 今日 0
  • 帖子 17
  • 关注 0
    • 今日签到
    • 累计签到

    暂没有数据

  • euweb
    euweb
    QQ/微信:3326686660
  • 话题排行榜

    BBS 网站美化 关注:0 内容:17

    Seven柒比贰主题个性化定制网格模式下文章部分修改

  • 查看作者
  • 打赏作者
  • 拉黑名单
  • VIP7

    Seven柒比贰主题个性化定制网格模式下文章部分修改

     

    演示地址:https://bbs.euweb.cn

    修改说明:

    1、修改了文章标题大小;

    2、新增了文章标题鼠标划过颜色变化;

    3、修改了缩略图大小;

    4、修改了缩略图下标题间距;

    5、隐藏摘要。

    修改教程:

    1、首先安装Seven主题的子主题;

    2、找到子主题文件夹wp-content\themes\child

    3、找到【style.css】文件,添加以下代码

     

    [b2_content_hide]

    /*文章标题大小*/
    #post-single .entry-title{
        font-size: 26px;
        margin:20px 20px 0 20px;
        padding-bottom:10px;
        font-weight: 400
    }
     
    /*文章标题鼠标划过颜色变化*/
    .site-main .post-list.box .entry-title a:hover{text-decoration:none;color:#38a3fd}
     
    /*缩略图大小*/
    .content-card .thumb{
        width:100%;
        padding-top: 100%;
    }
     
    /*缩略图下标题间距*/
    .content-card .entry-title{
        height: 42px;
    	margin:3px 0 0;
    }
     
    .grid-bor .content-card .post-info .post-header{margin-bottom:0px}
    .content-card .post-info{ padding: 8px 16px 14px 16px !important;}
     
    /*隐藏摘要*/
    .content-card .post-ex {
        display: none;
    }
     
    /*网格展示阴影效果*/
    .post-list.content-card .cart-list{
        background-color: #fff;
        border-radius: 12px;
        box-shadow: 0 0px #fff;
        -webkit-box-shadow: 0 13px 15px rgba(31,45,61,.15);
        box-shadow: 0 13px 15px rgba(31,45,61,.15);
        margin-bottom: 20px;
        -webkit-transition: -webkit-transform .25s, -webkit-box-shadow .25s;
        transition: -webkit-transform .25s, -webkit-box-shadow .25s;
        transition: transform .25s, box-shadow .25s;
        transition: transform .25s, box-shadow .25s, -webkit-transform .25s, -webkit-box-shadow .25s
    }
     
    /*网格展示左右缩放*/
    .grid, .isaid-comment .comment-list {
        overflow: visible;
    }
     
    .grid-bor{
        margin:-8px;
        margin-bottom:9px
    }
     
    /*网格展示图片圆角*/
    .post-list.content-card .cart-list .thumb{ 
        border-radius: 12px 12px 0 0;
        overflow: hidden;
    }
     
    .content-card.formats-image .preview{
        border-radius: 12px 12px 0 0;
    }

    [/b2_content_hide]

    请登录之后再进行评论

    登录
  • 做任务
  • 实时动态
  • 偏好设置
  • 返回顶部
  • 到底部
  • 帖子间隔 侧栏位置: