Question

我想将.masthead-fixed .the main剩余的页面放在......而不是在主页上

<div id="page" class="hfeed site">

 <?php if (!is_home() || !is_front_page()) { ?> 

<?php if ( get_header_image() ) : ?>
<div id="site-header">
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
        <img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
    </a>
</div>
<?php endif; ?>

<header id="masthead" class="site-header" role="banner">

    <div class="header-main">
        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

        <div class="search-toggle">
            <a href="#search-container" class="screen-reader-text"><?php _e( 'Search', 'twentyfourteen' ); ?></a>
        </div>

        <nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
            <button class="menu-toggle"><?php _e( 'Primary Menu', 'twentyfourteen' ); ?></button>
            <a class="screen-reader-text skip-link" href="#content"><?php _e( 'Skip to content', 'twentyfourteen' ); ?></a>
            <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
        </nav>
    </div>

    <div id="search-container" class="search-box-wrapper hide">
        <div class="search-box">
            <?php get_search_form(); ?>
        </div>
    </div>

</header><!-- #masthead -->
<?php } ?>

这是网站：

http://avocat.dac-proiect.ro/wp/

这是代码CSS：

.masthead-fixed .site-main {
 margin-top: 48px;
 display:none;

你是如何解决这个问题的？

我构建一个Wordpress主题，我想只有内容而不是其他页面...主页

Answer 1

.masthead-fixed, .site-main {

你需要使用逗号来影响许多html元素的css规则。

仅显示DIV HOMEPAGE

1 个答案: