CSS 在 Wordpress 主题中被覆盖答案

【问题标题】：CSS being overridden in Wordpress themeCSS 在 Wordpress 主题中被覆盖
【发布时间】：2016-01-12 23:19:08
【问题描述】：

我有一个包含 3 列的 div，每列设置为包含一个缩略图链接。我为这个 div 设置了样式 - .reading-pane - 具有正确的边距和边框，以适应我的设计。还有一个内部div - row_inner_wrapper - 由我使用的主题创建。此 div 没有设置宽度 - 它应该只容纳三个缩略图 div。但是，.row_inner_wrapper div 比图像 div 的总和宽，并且使我的.reading-pane div 超出了页面的右侧。

我找不到使用 Firebug 会导致此问题的样式。但是，在 Chrome 中，我可以看到当我将鼠标悬停在这个 div 上时应用了右边距，即使没有应用这样的样式规则。我什至可以在这个 div 上设置 margin:0px !important 并保留边距。关于我的幻象 CSS 可能来自哪里的任何建议？

您可以在此处查看相关页面http://jpsingh.samcampsall.co.uk/galleries/

HTML

<div class="reading-pane">
    <div class="row_inner_wrapper">
        <div class="row_inner">
            <div class="themify_builder_sub_row clearfix">
                <div class="col3-1">
                </div>
                <div class="col3-1">
                </div>
                <div class="col3-1">
                </div>
            </div>
        </div>
    </div>
</div>

CSS

.reading-pane{
background-color:#ffffff;
background-image: url('leftcolumn.png');
background-repeat:repeat-y;
margin:30px;
padding:25px 25px 25px 103px;
}
.row_inner_wrapper{
margin:0px 0px 0px 0px !important;
}

【问题讨论】：

标签： html css wordpress

【解决方案1】：

只需将下面代码块的宽度设置为auto。 100% 将其延伸到其父级之外。

 .themify_builder_row.fullwidth, 
.themify_builder .module_row.fullwidth, 
.full_width.sidebar-none .themify_builder .themify_builder_row {
 width: auto;
}

【讨论】：

呸！花了很长时间挠头。谢谢！ :)
欢迎。很高兴我能帮上忙！

【解决方案2】：

在你的.reading-pane div 中你有课

.full_width.sidebar-none .themify_builder .themify_builder_row。

这个类有一个规则width: 100%;。当我删除此规则时，.reading-pane div 的位置正确。

【讨论】：

对，顺便说一下row_inner_wrapper 上没有边距，只是 Chrome 网络检查器不清楚。如果您将row_inner_wrapper 设置为display: inline-block，它将不再显示。
是的，我认为这不太正确。 @pgk 感谢您的回答 - 对 Sleek Geek 的正确回答，因为他们是第一个。谢谢你:)
@SamCampsall 实际上 pgk 是第一个，看看两个答案的发布时间:)
@vard 感谢您的支持，但如果这是 SamCampsall 的决定：)