質問: ### 前提・実現したいこと ワードプレスサイト右サイドバー新着記事一覧を整えたいです。 ↓今。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/e4a708e8495e5bb1e76437c3041ff134.png) ↓こんな感じになりません。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/0e6e7d9eb8b08229fa4ca8f254af123b.png) ### 試したこと ・プラグインNewpost Catchを使ってアイキャッチ画像のサイズを統一表示させることはできましたが、 記事タイトルが全部表示されるので、style.cssで定義してる部分を探したのですが見つかりませんでした。 ・プラグインを当たってみましたが、タイトル表示を省略してくれそうなものはありませんでした。 ### 環境(言語/FW/ツール等のバージョンなど) ▼ ワードプレス WordPress 4.6.1 ▼ 使用してるテーマ Travelify バージョン 3.0.2 ▼ 使用してるプラグイン Advanced Custom Fields バージョン 4.4.8 All In One SEO Pack バージョン 2.3.9.1 BackWPup バージョン 3.3.4 Contact Form 7 バージョン 4.5 EWWW Image Optimizer バージョン 2.9.8 Instagram Feed バージョン 1.4.7 Lazy Load バージョン 0.6.1 Newpost Catch バージョン 1.3.1 Per page head バージョン 1.3 PubSubHubbub バージョン 1.7.2 WP Edit バージョン 4.0 WP Multibyte Patch バージョン 2.7 WP-Optimize バージョン 1.9.1
回答: matsuzakaqさん 色々ご教示頂き、ありがとうございました。 Newpost Catchを使ってるので、#npcatchを指定してあげる必要がありました。 以下、設定方法です。 ▼ ウィジェットの設定変更 [外観] → [ウィジェット]にて、Newpost Catchで追加した[新着記事]内の [プラグインフォルダ内のデフォルトCSS]のチェックを外す。 ▼ style.css設定変更 npcatch li{ =========== overflow:hidden; clear:both; vertical-align:top; border-bottom: 1px dotted #666666; } npcatch img{ ============ float:left; padding:5px 10px 0 0; margin:0px 0px 10px; } npcatch .title a{ ================= font-weight: 700; text-decoration: none; } npcatch .date { =============== font-size: small; font-weight: 600; display:block; color: #adb5bf; margin-bottom: 5px; } npcatch li:hover{} ================== npcatch li:hover .title{} ========================= npcatch li:hover .title a{} =========================== #npcatch li:hover .date{}