画面上部にボーダー設定
① 画面上部にボーダー 5px 設定
container { border-top: 5px solid #004b64; }
詳細ページの非表示設定
①上部のアイキャッチ画像
post_image { display: none; }
②下部の特殊記事
#bottom_post_list { display: none; }
コメント項目の非表示設定
①メールアドレス
#guest_email { display:none; }
②URL
#guest_url { display:none; }
投稿画面の 設定変更
①カテゴリー下部余白を30px設定
post_title .meta_top { margin: 0 0 30px 0; }
②タイトルのフォントサイズを28px 高さを1.2に 設定
post_title h1.title { font-size: 28px; line-height: 1.2; }
③パンくずリストの背景を黒、文字色を白に変更
bread_crumb { color: #fff; background-color: #000000; }
bread_crumb li a , #bread_crumb li:after , #bread_crumb li span ,
bread_crumb li a:hover , #bread_crumb li span:hover { color: #fff; }
メールフォームの 設定変更
①(任意)の フォントサイズ と文字色を変更
.text-danger { font-size: 11px; color: #ff8000; }
②ボタンサイズの変更
button, input, select, textarea { font-size: 12px; }
カテゴリーの背景色調整
① カテゴリーの背景色 を透過0.8に設定 (現在未使用)
.cat_id10 , .cat_id11 , .cat_id12 , .cat_id13 , .cat_id14 , .cat_id15 , .cat_id20 { opacity:0.8; }
② カテゴリーの フォントサイズ、横幅を変更
index_tab_post_list .post_list.type1 .category { padding: 0; font-size: 14px; min-width: 100px; }
タグ(tag)リンクをフッターに表示
①キーワード欄書式設定
.st-tag-cloud a {
display: inline-block;
line-height: 28px;
margin: 0 2px 6px 0;
padding: 0 0.5em;
background-color: #fff;
border: 1px solid #aaa;
border-radius: 3px;
white-space: nowrap;
text-decoration: none;
}
②タグのダッシュアイコン設定
.st-tag-cloud a:before{
font-family: dashicons;
content:”\f323 “;
}
③詳細ページのタグ位置設定
article .post_content .st-post-tags { margin-top: 10px; }
2023年 4月28日現在の内容
#index_tab_post_list .post_list.type1 .content_inner { padding: 15px 30px; } #index_tab_post_list .post_list.type1 .content_inner .comment_yn { display:block; margin-top: 10px; } #post_image , #bottom_post_list { display: none; } #guest_email , #guest_url { display:none; } .widget_text { margin-bottom: 20px; } #article .post_content .st-post-tags { margin-top: 20px; font-size: 16px; } .widget_content .st-tag-cloud a:hover , .widget_tab_post_list_button a:hover , #footer_widget_inner .st-tag-cloud a:hover { background-color: #333333; color: #fff; } .st-tag-cloud a { display: inline-block; line-height: 28px; margin: 0 2px 6px 0; padding: 0 0.5em; background-color: #fff; border: 1px solid #aaa; border-radius: 3px; white-space: nowrap; text-decoration: none; } .st-tag-cloud a:before{ font-family: dashicons; content:"\f323 "; } #article .post_content .st-post-tags { margin-top: 10px; } #toc_container { margin: 0 auto; } #post_title .meta_top { margin: 0 0 30px 0; } #post_title h1.title { font-size: 28px; line-height: 1.2; } #bread_crumb { color: #fff; background-color: #333333; } #bread_crumb li a , #bread_crumb li:after , #bread_crumb li span , #bread_crumb li a:hover , #bread_crumb li span:hover { color: #fff; } .text-danger { font-size: 11px; color: #ff8000; } button, input, select, textarea { font-size: 12px; } /*.cat_id10 , .cat_id11 , .cat_id12 , .cat_id13 , .cat_id14 , .cat_id15 , .cat_id20 { opacity:0.8; } */ #index_tab_post_list .post_list.type1 .category { padding: 0; font-size: 14px; min-width: 100px; } #container { border-top: 5px solid #004b64; }
コメント