html - Wordpress Customizr - 更改正文中的字体大小

Question

我正在为 Wordpress 使用 Customizr 主题，并且我想要一个包含两种不同大小的内容 block 。 (例如:“访问”会很大，而“2016 年 3 月”会较小。两者应该在同一行。)

我可以使用“span style”轻松设置这些大小，但问题是我还想更改较小视口(viewport)中的字体大小，而使用“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 覆盖了，下面的代码应该可以工作

#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;
    }
}

你可以随心所欲地调整字体大小和行高(以像素为单位)