黑白文字的WordPress自定义区块引用?

时间:2019-01-31 作者:Hadashi

我不知道我是否在正确的地方,但有人帮我定制我的网站吗?我当前的wordpress主题有块引号,看起来与常规(粗体)文本基本相同。我是否可以使用CSS添加(或创建自定义块),以便所有wordpress引用look just like the black example right at the bottom of this page? 我不想使用插件本身,因为它会大大降低我整个博客的速度。我只会使用这种blockquote来保持一致性,所以如果我有一个可以使用的标准块,对我来说会更好。(我不需要插件提供的数百个定制选项中的任何一个。)如果可能的话,block或bock报价需要有响应性。

谢谢你的帮助!

1 个回复
SO网友:mzykin

您是否使用子主题?如果是,请查看您孩子的主题style.css 文件并找到blockquote样式,并将代码更改为如下所示,或者将自定义CSS添加到主题的定制器选项中可能包含的任何其他CSS区域中,以覆盖样式表。

要从参考示例中获得灵感,您可以执行以下操作。。。

blockquote {
  background-color: black;
  color: white;
  border-radius: 4px;
  font-size: 2rem;
  font-style: italic;
}
请注意,上面的代码没有在后台包含引号字符。有两种方法可以实现这一点background-image + background-position, 或使用::before 伪元素(取决于您使用的图标字体)。

相关推荐

Php/css:短码不能正确显示,并且只显示在头部(内容之前)

尝试创建要在弹出窗口中实现的短代码。我试图在页面中心以2x2的网格显示四幅图像。问题是这个短代码现在将所有内容都浮动,图像垂直显示在彼此的顶部,而不是在页面中心显示2x2。此外,当我在弹出窗口中实现快捷代码时,显示在每个页面顶部(页面内容之前)的内容不会显示在弹出窗口中。I\'ve tried:ob_start(); return ob_get_clean(); 这会阻止它显示在每个页面的头部,但它也不会输出任何其他内容。我做错了什么?在这里添加我的短代码功能,并在下面添加2x2网格布局