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

ルクセリタスは「旅行と食べ歩き」で使わせてもらっています。

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

見出し

/*見出し*/
.post h2 {
background: #4753A7;
padding: 1.8em 1.0em;
margin: 130px 0px 35px 0px;
color: #fcfaf5;
border-radius: 0em;
font-size:x-large;
}
.post h3 {
padding: 1.2em;
color: #010101;
background: #f8f8f8;
border-bottom: solid 1px #cccccc;
}

パンくずリスト

/*パンくずリストトップページ非表示*/
.home .container #breadcrumb{
display: none;
}

ulタグ

間隔を広げて文字サイズを大きめにしました。

.post ul:not(.toc_list) {
line-height: 2.5;font-size: 20px;}

olタグ

間隔を広げて文字サイズを大きめにしました。

.post ol:not(.toc_list) {
line-height: 2.5;font-size: 20px;}

ブログカード

/*ブログカードリンク非表示*/
p.blogcard-link {
display: none;
}
p.blog-card-desc {
display: none;
}

固定ページ

/*固定ページの投稿更新日時・作成者を非表示*/
.page .meta,
.page .meta-box {
display:none;
}

リンク

/*リンク下線消す*/
.text {display: teble-cell;}
#main a {
text-decoration: none;
}

ブログカード(モバイル)

抜粋を非表示。

/*モバイルブログカード抜粋非表示*/
@media screen and (max-width: 430px) {
.blog-card-desc{display:none;}

リンクの文字サイズを変更。

/*モバイルブログカードリンクサイズ*/
p.blog-card-link{font-size: 10px;}

タイトルの文字サイズを変更。

/*モバイルブログカードタイトル文字サイズ*/
p.blog-card-title{font-size: 14px;}

吹き出し

Cocoonで設定した吹き出しをルクセリタスで表示。でも上手く表示できていません…

.speech-wrap sb-id-11 sbs-stn sbp-l sbis-cb cf {
width: 100%;
margin: 1.5em 0;
overflow: hidden;
}
.speech-person {
float: left;
margin-right: -90px;
width: 80px;
}
.speech-icon img{
width: 100%;
height: auto;
}
.speech-balloon {
display: inline-block;
position: relative;
margin: 5px 0 0 95px;
padding: 5px 15px;
color: #555;
font-size: 16px;
background: #FFF;
border: solid 1px #6a6a6a;
border-radius: 5px;
}
.speech-ballon:after {
content: "";
display: inline-block;
position: absolute;
top: 18px;
left: -24px;
border: 12px solid transparent;
border-right: 12px solid #555;
}
.speech-ballon p {
margin: 0;
padding: 0;
}

他のclass名

気になるものだけ列記しておきます。

記事タイトル。

.entry-title

関連記事。

#related h3

アイキャッチ。

#list .term img

ページャー(リンク)。

#paging.pagination
#bottom-area

Next Prev。

#pnavi
タイトルとURLをコピーしました