0

私のブログ サイトには、これらの水平の青い線があり、それらをテキスト ボックスの幅全体に広げたいだけですが、その方法は他の問題を引き起こしているようです。私がそれを機能させる唯一の方法は、これらのファンキーなマージンを追加することでした. テキストボックスの幅にする簡単な方法はありますか?

 .date {    
padding: 10px;
margin-left: -42px;
margin-right: -40px;
padding-left: 40px;
display: block;
background: #0076a9;

ここに画像の説明を入力 ここに画像の説明を入力

更新しました：

@media only screen and (max-width:640px) {
#header, #pageWrapper, #footer {
    padding: 30px 20px;
    margin-bottom: 0px !important;
}  
h1.logo {
    text-align: center;
    padding-bottom: 10px
}
.slide img {
    opacity: 1
}
.sqs-active-slide img {
    opacity:1
}
 img {margin-bottom: 10px;}

.collection-type-gallery #slideshowWrapper .slide img {
    background-color: white !important;
    margin: 2px 0;
}

.hentry {
    background: #F8F9FC;
    padding: 40px;
    border-style: solid;
    border-color: #E2E7F5;
    border-width: 2px
}
4

1 に答える 1

2

次の CSS をメディア クエリに追加します (または新しいものを作成します)。

@media only screen and (max-width: 640px) {

    .hentry {
        padding:20px;
    }

    .date{
        margin-left: -22px;
        margin-right: -20px;
        padding-left: 22px;
    }

    .collection-type-blog article header .entry-title {
        padding-left:0;
        padding-right:0;
    }

}
于 2013-08-29T16:11:27.510 に答える