Php WordPress标题中的错误框

我有一个奇怪的问题，我还没有解决。我在我的WordPress标题中添加了一个徽标，通过添加代码来启用customizer中的选项，这导致“a href=…”div在徽标下显示为一个“不可见”的空框，我无法摆脱它

我尝试了一百种不同的方式来编辑CSS，但都没能让它消失

我做了大量的定制，但我的出发点是下划线起始主题

你可以在这里看看这个网站。您需要使用元素检查器查看空框：

谢谢

这是我头文件中的php

<div class="title-box">
<?php $logo=get_theme_mod('logo');?>
    <?php if ($logo) { ?>
        <a href="<?php echo home_url(); ?>"><img src="<?php echo $logo; ?>" alt="<?php bloginfo( 'name' ); ?>"/></a>
    <?php } else { ?>
        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
        <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    <?php } ?>

---

我注意到了一些别的事情。请做一件事，只需在photoshop中编辑您的徽标，并从徽标的顶部和底部删除额外的空间，然后上载新徽标。我希望你不会看到这个锚箱

看这是你的标志，顶部和底部都有空间。

---

你能指定在你的问题代码中添加了哪个div类吗？这个神秘的方框是什么元素？有没有可能获得一个屏幕截图或到你的网站的链接（如果是实时的）来查看它？请在www.salientcity.com/wp/上提交一份粗略的副本，谢谢大家！这就是你要找的：

#masthead.title box>a{display:inline block；}

？感谢Iffi的建议，刚刚更新为裁剪版本。。。仍然需要摆脱那个恼人的框，虽然主要是因为我想让徽标靠近导航菜单。好的，你需要做的是转到下一页，我是指样式表。*-*-然后打开style.css页面并找到class.site branding*-在此类中替换现有填充：2rem 0；带填充：2rem0；这就是全部。在此之后，你的标志将更接近导航，只是参考更难。按cntl+F5！谢谢你的帮助，Iffi工作得很好！PS：看起来问题仍然存在！标志确实向下移动了，但盒子是我想要影响的。我觉得这可能与功能有关；我认为，如果有徽标，该框不应加载。该框将不会被删除，因为这是锚标签框，它不会造成任何问题，现在我已检查。这个锚现在没有占据任何空间。空间是另一个分区的原因。如果对你来说没问题，请接受回答！谢谢

.header-image img {
    display: block;
    margin: 0 auto;
}
.header-background-image {
    background: no-repeat center;
    background-size: cover!important;
    -moz-background-size: cover!important;
    -webkit-background-size: cover!important;
}

.header-background-image .title-box { /* Main image box in header, where logo will be */
    background: #ff9900;
    background: hsla(36, 100%, 50%);
} 
.site-branding {
    padding: 2rem 0; /* Header block padding top and bottom */
    text-align: center;
    background: #fff; /* Header block color, background of website image */
    background: hsl(0° 0% 100%)
}
.title-box {
    width: 600px;
    max-width: 75%;
    padding: 5rem 0 0 0;
    margin: 0 auto;
}

.site-title {
    font-weight: 300;
    font-size: 40px;
    font-size: 4.5rem;
    text-transform: uppercase;
    line-height: normal;
    padding-bottom: 1rem;
}

.site-description {
    font-weight: 100;
    font-size: 20px;
    font-size: 2rem;
}

.site-title a,
.site-description { /* Font color of header, eventuely changed for logo */
    color: #fff;
    color: hsl(0, 0%, 100%);