我正在为 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 </p><p class="infobox-small">March, 2016</p>
<p class="infobox-large">Where </p><p class="infobox-small">Madrid, Toledo, Consuegra, Granada</p>
<p class="infobox-large">English? </p><p class="infobox-small">Not much! Brush up on your Spanish!</p>
<p class="infobox-large">Thoughts </p><p class="infobox-small">Laid-back atmosphere, friendly people</p>
但是当我将其放入我的网站时,所有文本的大小都相同。与主题的编码有冲突吗?还是我做错了什么?
作为引用,这里是页面:http://anotherredpin.com/spain/
最佳答案
你的 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;
}
}
你可以随心所欲地调整字体大小和行高(以像素为单位)
关于html - Wordpress Customizr - 更改正文中的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40434312/