Wordpress:小部件标题的宽度与侧边栏标题不同

时间:2015-03-13 12:35:18

标签: html css wordpress widget sidebar

我正在制作的小部件标题的Wordpress主题宽度略短于侧边栏标题。

widget title image

这是functions.php编码:

    if ( function_exists('register_sidebar') )
    register_sidebar(array(
       'before_widget' => '<div class="text-content">',
       'after_widget' => '</div></div>',
       'before_title' => '<div id="text"><h2 class="text-title">',
       'after_title' => '</h2>',
       'name' => '1'
    ));

这是我用于小部件标题和自定义侧边栏标题的php和.css编码

#sidebar
{
	background: url(./images/sidebar-image.png) no-repeat center top;
	margin: 0;
	padding: 512px 0 0 0!important;
	float: left;
	width: 32%;
	max-width: 32%;
	height: auto;
}

#sidebar #text
{
margin: 0 auto;
padding: 0;
width: 92%;
}

#sidebar, #sidebar .text-content
{
margin: 0 0 20px 0;
padding: 15px;
font: 400 12px Roboto, Helvetica, sans-serif;
text-align: justify;
}

#sidebar H2.text-title
{
	background: #00CBAC;
	border: 0;
	border-radius: 5px;
	margin: 0 auto;
	padding: 5px;
	font: 700 16px Bitter, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: -1px;
	text-transform: uppercase;

}
<div id="sidebar">
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?>
<?php endif; ?>
<div id="text">
<h2 class="text-title">Title</h2>
<div class="text-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. </div>
</div>
</div>

我希望小部件标题具有相同的侧边栏标题宽度,但我不知道如何在不搞乱的情况下继续操作。

谢谢!

修改:test link

编辑2:谢谢你 Mia Marks ,你真的是对的!我轻轻地改变了function.php编码,现在正在工作:

if ( function_exists('register_sidebar') )
register_sidebar(array(
   'before_widget' => '',
   'after_widget' => '</div></div>',
   'before_title' => '<div id="text"><h2 class="text-title">',
   'after_title' => '</h2><div class="text-content">',
   'name' => '1'
));

0 个答案:

没有答案