キャプションタグのデザインの編集

PR 2018/3/9

このトピックには1件の返信、1人の参加者があり、最後にかうたっくにより8年、 1ヶ月前に更新されました。

1件の返信スレッドを表示中

投稿者

投稿
- 2018年3月9日 4:45 AM #59232
  
  リョウ
  ゲスト
  
  画像の引用元を明記するために、キャプションタグを使おうと思ったのですが、画像が灰色の枠に囲まれるのと、キャプションの文字を編集したいです。
  まず、画像を囲む灰色の枠を消したくて、そしてキャプションのテキストの色が普通に黒色なのでそれを薄くしたいのと、画像と文字の余白を詰めたいです。
  
  簡単に言うと、このサイトで説明しているような感じのキャプションにしたいのです。
  http://the-money.net/waza-photo/
  
  編集したいものの、CSSの編集に関してはほとんど詳しくないので、ご教示いただけると助かります。
  バージョンはSimplicity2を使っています。
- 2018年3月9日 7:08 AM #59239
  かうたっく
  ゲスト
  ・画像を囲む灰色と枠を消したい
  ・キャプションのテキスト色を薄く
  ・画像と文字の余白を詰めたい
  ・キャプションの文字
  
  ついでにキャップション内の画像に枠を付けました。完成イメージ※子テーマCSSは削除済み
  https://gyazo.com/b13d0e763eac3830748962f721617cd7
  
  CSS
```
.wp-caption {
	border: none;
	background-color: transparent;
}
.wp-caption-text, .gallery-caption {
	margin: 0;
	color: #9a9a9a;
}
.wp-caption img {
	border: 1px solid #ddd;
}
```
  CSSが効かないときはキャッシュを削除して確認、それでもダメならキャップションを置いているページのURLをい置いてください
投稿者

投稿

1件の返信スレッドを表示中

フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。