WordPress 編輯器塊引用美化

wordpress編輯器中的塊引用不同主題樣式不一樣,有的達不到自己想要的效果,這時候可以在:外觀->自定義->額外css 中加入自定義的css代碼來達到自己想要的效果


    .post blockquote {
        font: 14px/20px italic Times, serif;
        color: #888;
        padding: 18px;
        background-color: #dddddd;
        border-left: 15px solid #666666;
        margin: 5px;
        background-image: url(img/quote_open.png);
        background-position: 15px 10px;
        background-repeat: no-repeat;
        text-indent: 23px;
        line-height: 1.8;
    }
    .post blockquote p {
        text-indent:23px;
    }
    .post blockquote p:last-child{
        background-image: url(img/quote_close.png);
        background-repeat: no-repeat;
        background-position: bottom right;
    }

新建了個自己的博客歡迎訪問
該文原地址:https://blog.ldownload.cn/index.php/2019/09/25/wordpress-%E7%BC%96%E8%BE%91%E5%99%A8%E5%9D%97%E5%BC%95%E7%94%A8%E7%BE%8E%E5%8C%96/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章