サイト型トップページのサムネイルをに日付だけの表示にしたい
-
お世話になります。
トップページを、ネットでの情報を参考に、サイト型に変更しています。
先日対応していただいて、カテゴリページは日付だけの表示のサムネイルになったのですが、トップページもそのようにできる方法ありましたら教えてください。
ブログカードを利用してトップページサイト型表示する、ぽんひろさんとかぶとさんの情報を参考にしていますが、コピペだけした私には内容は？？？です。
テーマエディターでstyle.cssに次の記入をしてあります。
よろしくお願いいたします。ーーーーー
/************************************
** トップページカスタマイズ ぽんひろさん
**********************************/
.home .cps-post-main{
padding-top:0;
}
.home .top-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:space-between;
-ms-flex-wrap: wrap;
flex-wrap:wrap;
margin-bottom:1rem;
}
.home .top-wrap .blog-card-hl-box{
display:none;
}
.home .top-wrap .blog-card{
border:none;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
background:#fff;
padding:0 !important;
margin:1rem 0 !important;
flex-basis:48%;
}
.home .top-wrap .blog-card:hover{
transform: translateY(-3px);
box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08);
opacity:1 !important;
}
.home .top-wrap .blog-card:hover .blog-card-thumbnail img{
transform:none;
}
.home .top-wrap .blog-card-box{
display:block;
}
.home .top-wrap .blog-card-content{
flex:unset;
}
.home .top-wrap .blog-card-thumbnail {
margin: 0 !important;
flex: unset;
overflow: visible;
}
.home .blog-card-title{
padding:1rem;
display:none;
}
.home .blog-card-excerpt{
display:none;
}
.home h1.cps-post-title{
display:none;
}
.home .cps-post-main-box h2:first-of-type{
margin-top:0 !important;
}
.home .share-top,.home .share{
display:none;
}
/(スマホ)480px以下/
@media screen and (max-width: 480px){
.home .top-wrap{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction:column;
}
.home .top-2{
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
}/* かぶとさん追加 */
.home .cps-post-box{
padding: 0;
box-shadow: none;
}
@media(min-width: 1024px){
#main-contents {
margin-top:-15px;
}
}/* トップ見出し */
.top_h {
position: relative;
margin-bottom: 1em!important;
font-size: 32px!important;
padding-bottom: 0!important;
text-align: center;
font-weight: unset!important;
color: unset!important;
line-height: unset!important;
}
.top_h:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #3B4675;
border-radius: 2px;
}ーーーーー
マニュアル確認済み
キャッシュクリア済み
WordPressのバージョン : 5.8.1
ご利用のサーバー名 : さくらのレンタルサーバ
PHPのバージョン : 7.4.21 (モジュールモード)
OS : Mac OS 11.5.2
ご利用のブラウザ : safari 14.1.2
該当サイトのURL : https://smilecross.com/
-
@みなかた さん
こんにちは！
この度はJINをご利用いただきありがとうございます。申し訳ないのですが、JINの独自カスタマイズに関しては当方では対応できないのでそのカスタマイズの制作者様にお問い合わせいただけますと幸いです。
大変恐縮ではございますが、何卒ご理解の程宜しくお願い致します。
-
