将标题中的菜单置于自定义主题

时间:2016-09-27 15:43:38

标签: html css wordpress

我正在为一个客户做一些工作,他有一个自定义主题,我不能为我的生活中心菜单选项在他的标题。他无法在主题编辑器中更改对齐方式,因此我不得不尝试编辑代码。我可以在这里发布整个标题代码:

<body <?php body_class(); ?>>
<div class='container'>
<div class='header_wrap'>
<div class='header'>
  <h1>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
      <span><?php bloginfo( 'name' ); ?></span>
    </a>
  </h1>
  <div class='clock_wrap'>
    <div class='title'>
       Income Tax Deadline
    </div>
    <div class='clock'></div>
  </div>
<div class='clear'></div>
  <?php
  $description = get_bloginfo( 'description', 'display' );
  if ( $description || is_customize_preview() ) : ?>
  <p class="desc"><?php echo $description; ?></p>
  <?php endif; ?>
  <div class='nav'>
    <a href='/'>Home</a>
<?php wp_nav_menu( array(
  'menu'            => 'main',
  'container_class' => false,
  'container'       => ''
));
?>
    </div><!-- nav -->
  </div><!-- header -->
 </div><!-- header_wrap -->
<div class="content">

对不起格式化,非常感谢任何帮助!

3 个答案:

答案 0 :(得分:0)

在你的主题主CSS文件中找到这个类.header_wrap .header .nav并添加text-align:center就像下面一样

# Get the arguments passed in

string = sys.argv[1]
pattern = sys.argv[2]

# Perform the splitting

ans = string.split(pattern)
p_pos = ast.literal_eval(ans[0])
names = ast.literal_eval(ans[1])
potential = ans[2]
symm = ans[3]

#Initialize the potential (this is my function, which is actually a class)

Least = Least_squares(names, p_pos, potential, symm)

#----------------------------------------------------------#
#INITIALIZE SOCKET
#----------------------------------------------------------#

s = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
s.bind(('', 6011))
s.listen(1)
while 1:
    (conn, addr) = s.accept()
    data = conn.recv(1024)
    if ( data == 'q' or data == 'Q'):
        conn.close()
        break;
    else:        
        conn.send(Least.xi_square(np.array(ast.literal_eval(data))))

请参阅下面的图片我标记了这一点。它现在没有更改你的.header_wrap .header .nav类现在你左侧的导航栏

http://prnt.sc/cn1kq4

现在再次看到下面这张图片我在添加text-align:center后标记了它; .header_wrap .header .nav类现在您的导航栏显示在中心。

http://prntscr.com/cn1mpq

我希望这次你能解决它。

答案 1 :(得分:0)

在浏览器工具中检查您的页面时,我只将其添加到CSS并且菜单居中:

.nav {
  text-align: center;
}

另外:如果仍然无效,请尝试添加!important,例如

.nav {
  text-align: center !important;
}

答案 2 :(得分:0)

正如其他用户所说,如果没有查看任何CSS,这是相当困难的,但我最喜欢的形式是在CSS中的容器中居中对象。

{{1}}