Gutenberg CSS Issue

时间:2020-03-27 作者:Faruk rıza

我有下面的css代码,但它在帖子页面上不起作用:

(我说的是字体大小和颜色)

/* gutenberg */
blockquote {
    text-align: center;
    margin: 20px;
    font-family: epicride;
    color: red;
    font-size: 90px;
}

wp-block-quote {
    font-size: 90px;
}
这是一个有用的页面:

http://www.oneclick.deniz-tasarim.site/sample-page/

这是一个不起作用的帖子:

http://www.oneclick.deniz-tasarim.site/2020/03/27/best-places-in-africa/

我有下面的css代码,但字体系列不可读。

@import url(\'https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister&display=swap\');

  figcaption {
    font-size: 30px;
    text-align: center;
    font-family: \'Love Ya Like A Sister\', cursive;
      border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
      box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
      border:solid 2px #41403E;
}
figcaption:hover {
    box-shadow: 2px 8px 4px -6px hsla(0, 0%, 0%, .3);
}
你可以查看同一个帖子页面来查看它。

figcaption代码也会影响我在主页上的帖子插件。如何使用gutenberg元素限制代码的控制区域?

主页:(您将在缩略图上看到黑色边框)

http://www.oneclick.deniz-tasarim.site/

谢谢

1 个回复
SO网友:matija

enter image description here

你的blockquote 有一个<p> 标记,覆盖字体大小属性。要么删除<p> 标记或添加cssbolckquote p 或/和.wp-block-quote p

相关推荐

在HTTPS站点上,在重定向站点后,css和js URL返回到http

我有一个网站:https://media.example.com/blog/我想换成:https://www.example.com/blog/我在Wp\\u选项表的Wp DB中进行了此转换,我修改了字段:siteUrl和Home。。。现在,在重新启动Apache服务器之后,我无法加载主题Css和Js。此外,之前我在href=\'https下加载所有Css和Js,现在它们在href=\'http下加载。我读了不同的博客/解决方案。。。https://wordpress.org/support/articl