WordPress的二十五個孩子的主題blockquote

Question

我從零開始製作二十五個孩子的主題。我在使用CSS自定義blockquote的外觀時遇到問題。

我已經取得了一些自定義的CSS在兒童主題的引用文字：

border-left: 4px solid #f1f1f1; 
    border-left: 4px solid rgba(31, 31, 31, 1); 
    border-style: inset; 
    color: #0099cc; 
    font-size: 18px; 
    font-size: 1.8rem; 
    font-style: italic; 
    line-height: 1.6667; 
    margin-bottom: 1.6667em; 
    padding-left: 0.7778em; 
    padding-top: 0.7778em; 
    padding-bottom: 0.7778em; 
    padding-right: 0.7778em; 
    margin-left: 0px; 
    background-color: #1f1f1f; 
    border-color: #cc0099; 

這顯示細膩。問題是，在較小的屏幕上（特別是移動分辨率），blockquote css不適用，即顯示「母題」的css代替。我似乎無法找出原因。

Answer 1

看看您的父母主題，他們使用多個媒體查詢來更改不同屏幕設備大小的外觀。二十五主題有幾個媒體查詢：

/** 
    * 16.1 Mobile Large 620px 
    */ 

    @media screen and (min-width: 38.75em) { 


    } 

    /** 
    * 16.2 Tablet Small 740px 
    */ 

    @media screen and (min-width: 46.25em) { 


    } 

    /** 
    * 16.3 Tablet Large 880px 
    */ 

    @media screen and (min-width: 55em) { 


    } 

and so on..... 

你的孩子的主題與要值來覆蓋它..

@media screen and (min-width: 38.75em) { 

    blockquote { 

     --- my value here --- 

    } 

} 

other media screen queries.. 

----------------更新-----------------

嘗試添加到您的子主題

@media screen and (min-width: 55em) { 
    blockquote { 
    font-size: 20px; 
    font-size: 2rem; 
    border-style: inset; 
    color: #0099cc; 
    border-left: 4px solid #f1f1f1; 
    border-left: 4px solid rgba(31, 31, 31, 1); 
    background-color: #1f1f1f; 
    border-color: #cc0099; 
    } 
} 


@media screen and (min-width: 46.25em) { 
blockquote { 
    font-size: 18px; 
    font-size: 1.8rem; 
    border-style: inset; 
    color: #0099cc; 
    border-left: 4px solid #f1f1f1; 
    border-left: 4px solid rgba(31, 31, 31, 1); 
    background-color: #1f1f1f; 
    border-color: #cc0099; 
    } 
} 

blockquote { 
    padding-right: 0.7778em; 
    border-style: inset; 
    color: #0099cc; 
    border-left: 4px solid #f1f1f1; 
    border-left: 4px solid rgba(31, 31, 31, 1); 
    background-color: #1f1f1f; 
    border-color: #cc0099; 
} 

@media屏幕（最小寬度：18.75em）沒有必要您可以刪除。