●特定のカードに文字列を表示する - Noratetsu's Room（のらてつ研究所）

●特定のカードに文字列を表示する

CSSは手探りの付け焼き刃なので変なところがあったらすみません。

https://gyazo.com/2507754e7805a6f3f62fc666dcef6a20

↓これ

https://gyazo.com/31bf35b631bbb0e4eebb86d3d53f41c4

code:style.css

.page-list .grid li.page-list-item.pin ahref*="title" .header::after {

display: block;

width: 100%;

padding: 1rem;

white-space: pre; /* "\A"で改行可能にする */

content: '本日は\A晴天なり'; /* 表示したいテキスト */

font-size: 1rem; color: #000; /* フォントのサイズと色 */

text-align: center;

/* 以下中央配置の設定 */

position: absolute;

top: 50%; /* 高さを調整するときはこの値を変える */

left: 50%;

transform: translateY(-50%) translateX(-50%);

-webkit- transform: translateY(-50%) translateX(-50%);

}

a[href*="title"]の部分をうまく指定する