【CSS】WordPressテーマSimplicityで当サイトが使っていたCSS

現在Simplicityは使っていません。コードは現在使っているCocoonと被っているかも

◆当サイトで使っているCSSと記述場所
◆【CSS】WordPressテーマLuxeritas

li(リストタグ)の行間

行間を少し開けました。

/*リストタグの行間*/
.article li {
margin-top: 1em;
margin-bottom: 1em;
}

見出し

/*見出し*/
.article h2 {
padding: .2.5em .75em;
background-color: #F5DA81;
border-left: 6px solid #ccc;
}
.article h3,
#comment-area h3,
#related-entries h3{
font-size:23px;
padding: .25em 0 .25em .75em;
border-left: 6px solid #FE9A2E;
border-bottom:none;
}
.article h4 {
border-left: 30px solid #FE9A2E;
border-bottom: 0px;
padding: 5px 0 5px 10px;
margin-bottom: 30px;
}
.article h5 {
font-size:23px;
}

投稿日、更新日、カテゴリ

/*投稿日、更新日、カテゴリ*/
/*メタ情報の大きさを変更・右側*/
.post-meta,.entry .post-meta a {
font-size: 12px;
line-height: 160%;
}
.entry .post-meta {
text-align: right !important;
margin-top: 1px !important;
}
.fa-fw {
display: none
}
.entry .post-date {
font-style: italic;
font-weight: 200;
}
.post-meta a {
color: #000000;
}
.post-meta {
font-size: 12px;
background-color: #FFFFFF;
margin-bottom: 0.5em;
text-align:right;
color:#555;
}
.post-date,.entry-date,.entry-date.date.updated {
font-size: 0.93em !important;
font-style: italic;
font-weight: 200;
}
.entry .post-meta .category,.entry .post-meta .category a,.post-meta 
.category,.post-meta .category a,.entry .post-meta .category a {
background: #fff;
padding: 0.5px 0.5px 0px 0px;
font-size: 1.06em;
color: #555;

letter-spacing: 0.07em;
vertical-align: baseline;
text-transform: uppercase;
}

ブログカード

/*ブログカードカスタマイズ*/
.blog-card {
background: #FBF2EF;
max-width: 95%;
margin:0 auto;
border: solid 1px #c0c0c0;
border-radius: 20px;
}

モバイルのブログカード抜粋を非表示。

/* モバイルのブログカード抜粋を非表示*/
@media screen and (max-width: 430px) {
.blog-card-excerpt{
display:none;
}
タイトルとURLをコピーしました