投稿の本文部分のリンクを太字にしたい

Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › 投稿の本文部分のリンクを太字にしたい

  • このトピックには9件の返信、2人の参加者があり、最後にシゲにより11年、 1ヶ月前に更新されました。
9件の返信スレッドを表示中
  • 投稿者
    投稿
    • #32265
      シゲ
      ゲスト

      お世話になっています。
      テキストリンクのみを通常のフォントではなく、太字の表示にしたい場合はどう記述すればいいでしょうか?
      初歩的な質問ですみません。宜しくお願いします。

    • #32278
      アバター画像わいひら
      キーマスター

      全てのテキストリンクを太字にするのであれば、以下のような書き方が最も手っ取り早いかもしれません。

      a {
          font-weight: bold !important;
      }
    • #32330
      シゲ
      ゲスト

      わいひらさんお返事ありがとうございます。
      言葉足らずですみません。記事の中のリンクのみで反映させるとしたらどう記述するといいのでしょうか。
      紹介いただいた記述をスタイルシートに書いてみましたが特に変化がありませんでした。

    • #32341
      アバター画像わいひら
      キーマスター

      本文中なら、こんな感じで書くしかないかも。

      #the-content a{
        font-weight: bold !important;
      }
      
      #the-content .blog-card-site a{
        font-weight: normal !important;
      }

      もし、正常動作しない場合は、子テーマにスタイルを貼り付けた状態で、反映していないページのURLを提示していただけると助かります。

    • #32343
      アバター画像わいひら
      キーマスター

      あ、本文部分でいい場合は、importantは不要でした。

      #the-content a{
        font-weight: bold;
      }
      
      #the-content .blog-card-site a{
        font-weight: normal;
      }
    • #32365
      シゲ
      ゲスト

      その記述でも反映されませんでした。
      こちらのURLです。
      http://saburoku.top/index.php/2015/09/10/goaisatsu/

    • #32367
      アバター画像わいひら
      キーマスター

      ちゃんと反映されているようですよ。(添付画像)
      もしうまく表示されていないのだとしたら、多分、以下の子テーマの
      http://saburoku.top/wp-content/themes/simplicity-child/style.css

      フォント設定をしようとした痕跡(?)部分のCSS書式がおかしいからではないかと思います。

      /* Simplicity子テーマ用のスタイルを書く */
      font-family: Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"MS Pゴシック",sans-serif;
      

      該当箇所のCSS文法を見直してみてください。
      不要な場合は、削除してみてください。

    • #32371
      yokudekiru
      ゲスト

      私の環境でも、font-weight: bold;でしっかりと表示されています。
      キャッシュを削除してみたらどうでしょうか。

    • #32373
      アバター画像わいひら
      キーマスター

      確かに、キャッシュのせいということも考えられますね。
      Chromeの場合は、シークレットウィンドウで表示して確認。
      Firefoxの場合は、プライベートウィンドウで表示して確認とかでもOKです。

    • #32391
      シゲ
      ゲスト

      キャッシュの影響だったようです。リロードするとちゃんと太字になっていました( ^ω^ )ありがとうございます!わいひらさん、yokudekiruさんありがとうございます!細かい設定ができて助かりました。

9件の返信スレッドを表示中
  • トピック「投稿の本文部分のリンクを太字にしたい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)