アミアンインターナショナル

貴社の売り上げアップをとことん支援します。オンラインショップ専門コンサルタント

CMS css 新着情報

jetpack関連記事とwordpress関連記事タイトルの修飾 ⇒ STINGER8設定その13

投稿日:2019年5月7日 更新日:

修飾を合わせる

コンテンツエリアを見ると、jetpack関連記事とwordpress関連記事タイトルが手つかずになっている。

これをH2と同じフォーマットにする。

ついでに全てレスポンシブ対応にする。

レスポンシブ対応

H2などに掛けているcssを修正する。

レスポンシブ対応に。

h2,.menu_underh2,.point,h3.jp-relatedposts-headline{
border-left: solid 10px #fc0;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
background: url(https://amiens.jp/wp-content/uploads/2019/05/back-1x-600.jpg);
background-size:cover;
margin-top: 5em;
padding: 0.5em 2em 0.5em 1em;
color: white;
clear: both;
font-size: 18px !important;
}

タブレット

@media screen and (min-width: 600px) and (max-width: 961px) {
h2,.menu_underh2,.point,h3.jp-relatedposts-headline{
background: url(https://amiens.jp/wp-content/uploads/2019/05/back-2x-1200.jpg);
background-size:cover;
}
}

retina

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 601px), only screen and (min-resolution: 192dpi) and (max-width: 601px) {
h2,.menu_underh2,.point,h3.jp-relatedposts-headline{
background: url(https://amiens.jp/wp-content/uploads/2019/05/back-2x-1200.jpg);
background-size:cover;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 961px), only screen and (min-resolution: 192dpi) and (max-width: 961px) {
h2,.menu_underh2,.point,h3.jp-relatedposts-headline{
background: url(https://amiens.jp/wp-content/uploads/2019/05/back-4x-2400.jpg);
background-size:cover;
}
}

jetpack関連記事

jetpack関連記事の設定をする。

入れ子になっていて、かなりややこしい。

h3.jp-relatedposts-headline{
display: block !important;
float: none !important;
margin-top: 5em !important;
}
h3.jp-relatedposts-headline em:before{
display: none !important;
}

wordpress関連記事

wordpress関連記事の設定をする。

.point{
position: static !important;

}
.point-in{
padding: 0 !important;
margin: 0 !important;
color: white !important;
background-color: transparent !important;
display: block;
position: static !important;
}

こんなものかな。

-CMS, css, 新着情報
-, , ,

執筆者:

関連記事

ホーム画面に入れておきたいiPhoneアプリ

2011年にホーム画面入りした新しいiOSアプリ5選

あっという間に大晦日。 最近特に月日の経つのが早くなってしまい、焦り気味である。 一年を振り返ってみると、俺のiPhoneのホーム画面に入れているアプリも大きく様変わりしている。 今年最後のブログ更新 …

中小機構セミナー

高松でセミナー講師として8月7日登壇します

下記要領で開催されるセミナーの講師として、登壇することとなりました。 GMOメイクショップ株式会社代表取締役社長の向畑憲良様と一緒にお話しさせていただきます。 今回はまだネットショップをオープンしてい …

卯

年賀状を年内に出して販促するという手法

毎年、年賀状は締切間際になって慌てて書いている。 どうやら今年も同じことになりそうだ。 なにせamazonでプリンターのインクを注文したのは今日だし ←遅いって…(汗;) 年賀状の「年賀」部分を塗りつ …

HDMIケーブル

HDMIケーブルにて価格破壊を考える

11月の話で恐縮だが、テレビを買った。 ご多分に漏れず、エコポイントを意識して駆け込みで購入したのだ。 ところが、その時点でテレビの納期が1ヶ月先とのこと。 そりゃあないでしょ! という気持ちになった …

フェイスブック

Facebookページのiframe化にチャレンジ

Facebookでビジネスをするのに欠かせない独自タブを作るには、従来はstaticFBMLを使ってきた。 これはこれで簡便で使いやすかったのだが、3/10で使用できなくなる。 これからはstatic …