柒比贰7b2美化-首页cms布局的样式修改代码

/*buju*/
 
@media (min-width: 992px) {
    .post-list.content-card .cart-list {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .post-list.content-card .cart-list:hover {
        transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
        -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
        -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}
 
.content-card .post-info {
    margin-left: -2px;
}
 
.post-list.content-card .cart-list:hover {
    box-shadow: 0 0 15px #ddd;
    transform: translateY(-5px)
}
 
.home_title {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 20px;
    white-space: nowrap;
    border-bottom: 10px solid #e7e7e7;
    background: white;
}
 
.home_title>section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
 
.home_title .title {
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 20px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    width: calc(100% - 48px);
}
 
.home_title .title h3 {
    font-size: 18px;
    color: #333;
    margin-right: 8px;
    display: inline-block;
    vertical-align: bottom
}
 
.home_title .title span {
    font-size: 12px;
    color: #999;
    font-weight: 300
}
 
.home_title .title span b {
    color: #2C74E6;
    margin: 0 4px
}
 
.syfl .grid-bor {
    padding: 14px;
    background: white;
}
 
.syfl .grid-bor .cart-list {
    box-shadow: none;
}
 
@media screen and (max-width:873px) {
    .home_title {
        border-bottom: 3px solid #e7e7e7;
    }
    .syfl {
        margin-top: 10px;
    }
    .content-card .post-info {
        margin-left: -6px;
    }
}
 
/*?¨??3?*/
 
.blur {
    position: relative;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}
 
.blur:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

改首页文件,划重点。。首页文件位置在seven主题目录下的index.php文件,然后打开之后找到<main></main>之间的代码全部干掉!!!

<!--分类项目-->   
        <div class="syfl">
      <section class="home_title"><section class="title"><h3><svg aria-hidden="true" class="icon"><use xlink:href="#iconfolder"></use></svg>服务器推荐</h3></section> <section style="text-align: right; background-color: rgb(255, 255, 255); padding-left: 20px;"><a href="/category/resource-area/server-recommendation" title="查看更多" target="_blank" style="top: 5px; position: relative; color: rgb(51, 51, 51); font-size: 14px; font-weight: 300;">更多<i class="iconfont zrz-icon-font-more"></i></a></section></section>
	<?php
	if ( have_posts() ) :
		$args = 'cat=1&posts_per_page=4'; //指定文章和数量
		query_posts( $args ); 
		echo '<div ref="postList" class="'.(zrz_get_theme_style() === 'pinterest' ? 'grid-bor' : '').'">';
		/* Start the Loop */
		while ( have_posts() ) : the_post();
			get_template_part( 'formats/content');
		endwhile;
		echo '</div>';
	else :
		get_template_part( 'template-parts/content', 'none' );
	endif; ?>