WordPressテーマSANGOの質問

関連記事のリンクの幅が最大化出来なかった

アバター
リュード

こちらの記事を参考にサムネ画像を長方形にした関連記事のリンクカードの幅を最大化したいと思ったのですが

@charset "UTF-8";
/*
Theme Name: SANGO Child
Theme URI: https://saruwakakun.design
Author: SARUWAKA
Author URI: https://saruwakakun.com
Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

.entry-content .linkto {
max-width: 100%;
}
/* —– 文章を蛍光ペンっぽく —– */

.keikoup {
background: linear-gradient(transparent 40%, #FAD5DC 40%);
padding-bottom: .2em;
font-weight:bold;

.entry-content h2 {
color: 92CEFF;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
}

SANGOの子テーマのstyle.cssにこの様にショートコードを貼り付けましたが
リンクカードの幅が最大化されません。

何が間違っているのか教えて頂けると幸いです。
宜しくお願いします。

関連記事ショートコードのサムネイル画像を長方形で表示する方法
コメントへの回答
サルワカくん
サルワカくん
2020/04/28

kanrenショートコードの幅を横いっぱいにするCSSですが、以下で合っています。

.entry-content .linkto {
  max-width: 100%;
}

何らかの文法ミスがあったのだと思います(全角スペースが入っていたり、括弧が閉じていなかったり…)。

その部分とは直接関係ないかもしれませんが、.keikoup {の部分では閉じ括弧(})が忘れられてしまっているようです。

よろしくお願いします。

アバター
リュード
2020/04/29

お忙しいところ回答ありがとうございました!
無事解説しました。