如何制作全宽滑块

时间:2014-05-07 21:43:12

标签: css wordpress

Q1)我想让我的帖子滑块全宽:)你可以查看我的网站。我的网站是here

这是我滑块的CSS。

/* 
 * Posts Slider
 */
.posts-slider {

}

.posts-slider .slides li {
    height:500px;
}

.posts-slider .loading li {
    background-image:url("images/loading.gif");
    background-repeat:no-repeat;
    background-position:50%;
}

.posts-slider .entry-header {
    display:none;
    position:absolute;
    top:0;
    left:10%;
    width:80%;
    color:#fff; 
}       
    .posts-slider .entry-header a,
    .posts-slider .entry-header .entry-meta {
        color:#fff;
        font-size:100%;
        text-decoration:none;   
    }

    .posts-slider .entry-header .read-more {
        border-color:#fff;
    }

    .posts-slider .entry-header .entry-title {
        margin:10px 0 42px;
    }

.posts-slider .flex-direction-nav a {
    color:#fff;
    font-size:28px;
    display:block;
    width:54px;
    height:54px;
    line-height:55px;
    text-align:center;
    border:3px solid #fff;
    top:50%;
    margin-top:-27px;       
}
    .posts-slider .flex-prev {
        left:20px;
    }

    .posts-slider .flex-next {
        right:20px;
    }

    .posts-slider .flex-prev:hover,
    .posts-slider .flex-next:hover {
        box-shadow:3px 3px 0 #000;
        text-shadow:3px 3px 0 #000;
    }

.posts-slider figure:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    -webkit-transition:opacity .2s linear;
       -moz-transition:opacity .2s linear;
        -ms-transition:opacity .2s linear;
         -o-transition:opacity .2s linear;
            transition:opacity .2s linear;
}

.with-sidebar .posts-slider .slides li {
    height:379px;
}
    .with-sidebar .posts-slider .entry-title {
        font-size:26px;
    }

    .with-sidebar .posts-slider .flex-direction-nav a {
        font-size:18px;
        width:36px;
        height:36px;
        line-height:36px;
        margin-top:-18px;   
    }

    .with-sidebar .posts-slider .entry-header .read-more,
    .with-sidebar .posts-slider .entry-header .entry-meta {
        font-size:80%;  
    }

Q2)我可以减少子菜单之间的空间吗?请检查我的网站(here)子菜单是指" Dream Race"中显示的选项。

有子菜单'博客'和'关于'。我想减少博客与博客之间的空间。和'关于'。请帮帮我:)。

0 个答案:

没有答案
相关问题