css - Woo 推荐 Wordpress 插件 CSS 不再正常工作

Question

我正在使用 Woo Testimonials Wordpress 插件来创建推荐信。不幸的是，在最近的更新之后，这不再正常工作。每个推荐书的反引号都丢失了，作者的引文与引文重叠。

有人知道如何解决这个格式问题吗？尤其不确定如何恢复引用。

http://posturemedic.com/list-testimonials/

到目前为止，我在下面添加了 CSS，以删除出现的额外空间和额外引号:在第二个中，我刚刚添加了 !important 注释。

blockquote {
    padding: 0 !important;
}

blockquote, q {
    quotes: none !important;
}

谢谢，亚历克斯

Answer 1

以下应该有效:

• 将 clear:both; 添加到 .widget_woothemes_testimonials .quote 样式
• 将 4em 的边距更改为 .widget_woothemes_testimonials .quote 样式
• 创建一个名为 .quote p 的样式并添加 margin: 0;
• 从 .widget_woothemes_testimonials .quote .testimonials-text 样式中移除下边距。

应用上面的应该变成:

进入

样式将是:

.widget_woothemes_testimonials .quote 
{
    background: url('images/quote-testimonials.png') no-repeat top left;
    background-position: 0 3%;
    margin: 0 0 4em;
    clear: both;
}

.quote p 
{
    margin: 0;
}

.widget_woothemes_testimonials .quote .testimonials-text
{
    margin: 0 0 0 2.618em;
    font-size: 1.1em;
    font-family: "Georgia";
    font-style: italic;
}

您可以调整边距以不同方式显示。

您也可以向插件的开发者发送消息，让他们知道这个问题，他们可能会在下次更新时在插件本身中修复它。