Wordpress Customizr - 更改主體中的字體大小

Question

我爲Wordpress使用Customizr主題，我希望有一個包含兩種不同大小的內容塊。 （例如：「訪問」會很大，而「2016年3月」會更小，兩者應該在同一行上。）

我可以用「span style」輕鬆設置這些尺寸，但問題是我也想在較小的視口中改變字體大小，使用「style」不會讓我這樣做。

於是我想出了一個代碼，應該工作：

p.infobox-large{ 
 
font-size: 30px; 
 
float: left; 
 
line-height: 35% 
 
} 
 
p.infobox-small{ 
 
    font-size: 17px; 
 
    line-height: 450% 
 
}

<p class="infobox-large">Visited &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</p><p class="infobox-small">March, 2016</p> 
 

 
<p class="infobox-large">Where &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</p><p class="infobox-small">Madrid, Toledo, Consuegra, Granada</p> 
 

 
<p class="infobox-large">English? &nbsp; &nbsp; &nbsp; &nbsp;</p><p class="infobox-small">Not much! Brush up on your Spanish!</p> 
 

 
<p class="infobox-large">Thoughts &nbsp; &nbsp; &nbsp;</p><p class="infobox-small">Laid-back atmosphere, friendly people</p>

但是當我把它放到我的網站，所有的文字都是一樣的尺寸。與主題編碼有衝突嗎？或者我做錯了什麼？

僅供參考，這裏的頁面：http://anotherredpin.com/spain/

Answer 1

你的CSS是由下面的代碼其它CSS使用overright這應該工作

#dslc-module-12 .dslc-text-module-content p.infobox-large{ 
font-size: 30px; 
float: left; 
} 
#dslc-module-12 .dslc-text-module-content p.infobox-small{ 
    font-size: 17px; 
} 

和小屏幕設備

@media only screen and (max-width: 1200px) { 
    #dslc-module-12 .dslc-text-module-content p.infobox-large{ 
     font-size: 20px; 
    } 
    #dslc-module-12 .dslc-text-module-content p.infobox-small{ 
     font-size: 15px; 
    } 
} 

U可以玩你想要的字體大小和行高（px）