删除小部件周围的虚线

Question

将html文本小部件放入页面主侧边栏后，小部件的上方和下方出现虚线。

我希望删除这些虚线。

为了进一步解释我在：

制作了一张图片

http://www.reading-college.ac.uk/sites/default/files/dotted-line-issue.jpg

您可以访问我的网站进一步了解：

http://www.oxfordlifestylecentre.co.uk/

有人可以提供建议吗？

谢谢！

Answer 1

删除以下样式应该有效：

.sidebar-container .widget {
border-bottom: 1px dotted #000000;
}

Answer 2

在/wp-content/themes/designfolio-pro/includes/css/color_schemes/black.css中添加此行：

.post, .sidebar-container .widget {border: 0;}

或者，从CSS文件中删除该行。

Answer 3

请添加以下css并检查

#primary-page-widget-area .widget_mc4wp_widget, #primary-page-widget-area .widget_text {
    border: none !important;
}