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）