仅将div设置为小部件的内容| WordPress的

我在Wordpress上创建一个自定义边栏来显示独立块，每个块都有一个小部件。为此，我在functions.php中注册了小部件区域，然后将这些小部件区域添加到我的侧边栏。仅将div设置为小部件的内容| WordPress的

侧边栏设置是这样的：

<aside class="sidebar-right" role="complementary"> 
<div class="sidebar-widget"> 
    <?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('widget-area-1')) ?> 
</div> 
<div class="sidebar-widget"> 
    <?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('widget-area-2')) ?> 
</div> 
<div class="sidebar-widget"> 
    <?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('widget-area-3')) ?> 
</div> 
<div class="sidebar-widget"> 
    <?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('widget-area-4')) ?> 
</div> 
</aside>

我大概想我的侧边栏看起来像这样：https://jsfiddle.net/b7xtksts/

这是小工具是如何调用的functions.php：

register_sidebar(array(
    'name' => __('Widget Area 1'), 
    'description' => __('Description'), 
    'id' => 'widget-area-1', 
    'before_widget' => '<div id="%1$s" class="%2$s">', 
    'after_widget' => '</div>', 
    'before_title' => '<div class="widget-title-background"><h3>', 
    'after_title' => '</h3></div>' 
));

一切正常，但我想为每个小部件的内容添加填充，而无需编辑原始小部件，以便每个小部件都添加到futu中由于padding的原因，re会很合适。

但如果我设置padding到，比方说，<div id="%1$s" class="%2$s" style="padding:10px;">，填充被添加到整个部件，以及背景标题，以及（不填补框的100％了）。我想弄清楚如何在不影响上面div标题的情况下为小部件的内容设置填充。由于只有_widget和_title之前/之后，我如何才能将类设置为仅内容？

来源

2015-11-03 dbsso

好像我们无法将任何特定的类添加到窗口小部件的内容主体。

一种选择，我建议在以下几点：

添加填充到父控件的div像你这样如

.sidebar-widget { padding：0 10px; }
要删除10px的填充效果上双方就标题背景DIV，我们与上侧的负利润率取消它即

.widget标题背景{ 保证金左：-10px ; margin-right：-10px; }

这将使阴影DIV去周围的角落，取消填充的主DIV影响您的标题的黑暗。

来源

2015-11-03 17:45:36 Mohsin

看到更新的小提琴在这里https://jsfiddle.net/b7xtksts/4/ – Mohsin

太棒了！我试过这个技巧，但用填充而不是边距来取消它。谢谢。 – dbsso

仅将div设置为小部件的内容| WordPress的

回答

相关问题