前提・実現したいこと
ワードプレスのライオンブログでサイトを作成しているのですが記事一覧でアイキャッチ、サムネイルの横に文字を表示させたいです。
発生している問題・エラーメッセージ
画像を左に持ってくること自体はできたのですが、テキストが画像の下に回ってしまいます。
テキストの位置と日にちは左右に動かすことが来ますが、左に動かすと画像の下に入り込み、
右に移すと画像の右には入らず、そのままスライドして移動するだけなので、タイトルとテキストの空白がとても広く空いてしまいます。
該当のソースコード
↓親テーマのスタイルシートのここで左右を変えられます。
/左アイキャッチ時/
.archiveList__text.archiveList__text-leftImg{
float: right;
width: calc( 65% - 20px );
font-size:1.4rem;
overflow: hidden;
}
/左アイキャッチ無し時/
.archiveList__text.archiveList__text-leftImgNo{
width: 100%;
font-size:1.4rem;
}
.archiveList__text-center{
text-align:center;
padding-top: 20px;
}
試したこと
元々あるカスタマイズの「記事ビューレイアウト」でワイド⇒画像レフトにしました。
他、functionsや個別ページなど様々試しましたがどうにもなりませんでした。
画像が大きすぎるのかと思い、小さくしましたが画像が小さくなるだけでテキストは右に行きませんでした。↓
/アイキャッチ画像(複数個所で使用)/
.eyecatch{
position:relative;
width:300px;
height:200px;
margin-bottom:20px;
overflow:hidden;
}
/左アイキャッチ時/
.eyecatch.eyecatch-leftImg{
width: 250px;
}
ライオンブログ公式サイト↓
https://fit-jp.com/theme/theme_download/
![
あなたの回答
tips
プレビュー