0

我一直在开发我的第一个 WordPress 网站（耶！），我正在使用新的 2012 主题。没有将小部件放在页脚中的选项，所以我添加了一个侧边栏，我的文本随机被推到一边。网站：http ://www.rachelsilberman.com/dan-krokos/

如果您在 Chrome 中查看它是居中的，但将页面缩小并缩放到右侧。我将文本放在一个名为 footer-name 的 div 中。我觉得有一个 float:left 发生在某个地方，或者覆盖页脚样式的东西。

我正在使用的 CSS

footer[role="contentinfo"] {
border-top: 1px solid #ededed;
clear: both;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
max-width: 960px;
max-width: 68.571428571rem;
margin-top: 24px;
margin-top: 1.714285714rem;
margin-left: auto;
margin-right: auto;
padding: 24px 0;
padding: 1.714285714rem 0;
background-color: #E3E3E3;
}
footer[role="contentinfo"] a {
color: #686868;
}
footer[role="contentinfo"] a:hover {
color: #55abe8;
}

#footer-name{
 display: block;
 margin-left: auto;
 margin-right: auto;
 background-color: aqua;
}

#footer-sidebar {
 display:block;
 height: 30px;
}

#footer-sidebar1 {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

我将 div 包裹在其中的页脚（通过 footer.php）

<div id="footer-name">
        <a href="<?php echo esc_url( __( 'http://rachelsilberman.com/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>"><?php printf( __( 'Website created by %s', 'twentytwelve' ), 'Rachel Silberman' ); ?></a>
        </div>

以及我用来制作位于functions.php 中的额外侧边栏的代码。

register_sidebar( array(
    'name' => __( 'Footer', 'twentytwelve' ),
    'id' => 'sidebar-2',
    'description' => __( 'Appears on footer', 'twentytwelve' ),
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => '</aside>',
    'before_title' => '<h3>',
    'after_title' => '</h3>',
) );
4

1 回答 1

0

如果您希望页脚文本居中，您可以试试这个

div#footer-name {
    background-color: aqua;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center; // added this line
}
于 2013-01-12T20:47:32.823 回答