ウィジェット(トップページ上)のテキストの、文字の装飾がされない



  • こんにちは!
    トップページ上のウィジェットエリアの文字の装飾についてのご質問です><

    ウィジェット(トップページ上)にテキストボックスを置いて、その中に文字を入力します。
    文字の装飾をしようかと色々ためしたのですが、反映されません。

    ---✂︎---

    ウィジェットエリアの文字の太さについて(スマホ表示時)で@ryotaが発言 :

    @るんるん さん

    こんにちは!JIN運営チームのりょうたです。
    一旦ウィジェットのタイトル部分は無視して
    内容のコンテンツの文字を細くしてみましたがこんな感じでしょうか?

    0_1553223412991_スクリーンショット 2019-03-22 11.56.42.png
    上記でよければ以下コードを追加CSSにそのままコピペで貼り付けていただけると問題なくできるかと思います!

    @media (max-width: 767px){
    	.widget_nav_menu ul li a,.new-entry-item-title{
    		font-weight: 400;
    	}
    }
    

    お手数お掛け致しますが、宜しくお願い致します。
    ---✂︎---

    こちらを参考に追加CSSなども試してみたのですが、変化はなく...
    そもそも、ウィジェットエリアで文字装飾はできなかったりしますか?

    どうぞ宜しくお願い申し上げますm(_ _)m


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 2.020
    ご利用のサーバー名 : さくらサーバー
    PHPのバージョン : 7.3.4
    OS : mac OS High Sierra
    ご利用のブラウザ : chrome
    該当サイトのURL :https://startup-kitchen.com


  • administrators

    @yukokimura さん

    こんにちは!JIN運営チームのりょうたです。

    ウィジェット(トップページ上)にテキストボックスを置いて、その中に文字を入力します。
    文字の装飾をしようかと色々ためしたのですが、反映されません。

    上記ですが、具体的にどのような装飾をされたいのでしょうか?
    参考にしていただいているCSSは文字の太さを変えるものですし、設定している箇所がそもそも違うので追加しても変化しないかと思います。。。

    お手数ですが上記ご教示いただけますと幸いでございます。
    宜しくお願い致します。



  • @ryota さん
    ご返信をありがとうございます!
    あ、あ、そうなのですね...そうか、font-weightが文字の太さなのですね...orz

    具体的には、
    ・文字を大きくしたいです。

    試しに、 <font-size=数字>で指定してみました。
    大きくはなるが、どんな数字にしても同じ大きさに見えるのです。。。
    (これは、キャッシュをクリアしたら解消するのでしょうか...?)

    いかがでしょうか...?
    どうぞ宜しくお願い申し上げます。


  • administrators

    @yukokimura さん

    こんにちは!りょうたです!
    そうなんです。。。font-weightは太さなんです…。。

    具体的には、
    ・文字を大きくしたいです。

    試しに、 <font-size=数字>で指定してみました。
    大きくはなるが、どんな数字にしても同じ大きさに見えるのです。。。

    これはおそらくですが、CSSもクラスの設定も間違っているかと・・・。

    /* スマホ */
    @media screen and (max-width:767px){
    	#home-top-widget .widget_text .textwidget{
    		font-size: 1rem;
    	}
    }
    /* PC・タブレット */
    @media screen and (min-width:768px){
    	#home-top-widget .widget_text .textwidget{
    		font-size: 1.3rem;
    	}
    }
    

    上記をそのままコピペしたいただけると文字の大きさが変わるかと思います!
    スマホとPC・タブレットで分けておりますので端末によって大きさを整えていただければ(font-sizeの数字を変えると)より良いかと思います!

    お手数ではございますがご確認していただけます幸いございます!!



  • ご返信が遅くなってしまい、申し訳ございません。
    (yukokimuraアカウントにログインできなくなってしまったので、アカウントを作り直しました)

    教えて頂いたものを追加CSSに入れたら、無事直りました!
    ありがとうございます!