Question

我有这个奇怪的问题，我无法解决。我在我的WordPress标题中添加了一个徽标，通过添加代码来启用自定义程序中的选项，这导致了＆＃34; a href = ...＆＃34; div显示为＆＃34;隐形＆＃34;标识下方的空盒子，我无法摆脱。

我尝试过一百种不同的方式编辑CSS但却无法让它消失......

我做了大量的自定义，但我的出发点是Underscores首发主题。

您可以在此处查看该网站。您需要使用元素检查器查看空框：

www.salientcity.com

谢谢！

这是我头文件中的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 } ?>

这是我正在使用的CSS：

.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%);

Answer 1

我注意到了别的东西。请做一件事只需在photoshop中编辑您的徽标，并从徽标的顶部和底部删除多余的空格，然后上传新的徽标。我希望你不会看到这个锚箱。

看这里是您的徽标，顶部和底部有空格。 http://salientcity.com/wp/wp-content/uploads/2015/04/Salient-logo.png

WordPress标题中的神秘框

1 个答案: