サポート » 使い方全般 » ヘッダー動画の文字色変更方法について

  • NOEL

    (@hiromiweb)


    テーマはAvik利用しています。
    現在、Select Static/Video or Slider for Header文字の色が黄緑色と白色ですが、
    この色の変更方法がわかりません。
    こちらの動画下にも同色の小さい矢印動画があります。
    どうか両方の色変更方法を教えて下さい。
    宜しくお願い申し上げます。

    ヘルプの必要なページ: [リンクを見るにはログイン]

15件の返信を表示中 - 1 - 15件目 (全16件中)
  • トピック投稿者 NOEL

    (@hiromiweb)

    今は白色に設定されているヘッダー色を透明に設定する方法も教えて下さい。

    CG

    (@du-bist-der-lenz)

    トピック投稿者 NOEL

    (@hiromiweb)

    そちらの設定は知っていますが、
    それでは変更できませんので
    ヘッダー動画の色変更場所を教えて下さい。
    また透明にする#◯◯設定の数字も
    宜しくお願い致します。

    CG

    (@du-bist-der-lenz)

    • この返信は4年、 2ヶ月前にCGが編集しました。
    トピック投稿者 NOEL

    (@hiromiweb)

    その画像設定ではできないとメール
    しましたよね。
    同じ画像設定を何度も返信止めてください!
    CGさんは返信拒否します!

    トピック投稿者 NOEL

    (@hiromiweb)

    ヘッダー動画の文字色変更を教えて下さい。
    またヘッダーを透明にしたいので、
    透明の#◯◯設定の数字も教えて下さい。
    勿論、カラー設定では不可能でしたので
    質問しています。

    御回答の返信は、画像のみではなく、
    文字で詳しく教えて下さい。
    宜しくお願い致します。

    DRILL LANCER

    (@rickaddison7634)

    かなりの動体視力が要求されましたが・・・
    下記選択肢のいずれかに下記コードをカスタマイズしたものを追記すると変更可能と思われます。

    • 子テーマの style.css
    • 外観 > カスタマイズ > 追加CSS
    /* ヘッダー動画(?)の文字色その1(デフォルト) */
    #avikservices {
    	color: #d5f83e;
    }
    
    /* ヘッダー動画(?)の文字色その2(デフォルト) */
    #avikservices i {
    	color: #fff;
    }
    
    /* 固定ヘッダーを透明化 */
    .fixed-top {
    	opacity: 0;
    }
    トピック投稿者 NOEL

    (@hiromiweb)

    こんにちは٩(๑❛ᴗ❛๑)۶
    返信ありがとうございます。
    このままコピペして保存を試みましたが
    保存できませんでした。
    またとりあえずコピペして
    プレビューもしましたが、
    黄緑色の文字のままでした。
    何か方法ありましたら、
    どうぞ宜しくお願い致します。

    DRILL LANCER

    (@rickaddison7634)

    サイトの方を拝見いたしましたが、コードを適用した跡が見られません。
    (最低でも固定ヘッダーは透明になるはず)
    おそらく、キャッシュの影響か、コードが正常に反映されていないのどちらかと思われます。

    キャッシュプラグインや Cloud Flare 等の CDN を利用している場合、そのキャッシュを削除してみてください。

    文字色についてはあくまでデフォルトのものをコピペしただけなので変わらないのは当然です。
    WEB色見本 原色大辞典等を参考に色コードを変更してください。

    コメント(/**/)は親切心で添付したものなので削除して頂いて結構です。

    • この返信は4年、 2ヶ月前にDRILL LANCERが編集しました。
    トピック投稿者 NOEL

    (@hiromiweb)

    返信ありがとうございます。
    勿論、カラーは変更していますが、
    黄緑色を白色に変更することは
    できませんでした。

    こちらは今、保存したcssです。

    #avikservices {
    color: #fffff;
    }

    #avikservices i {
    color: #fffff;
    }

    .fixed-top { opacity: 0;
    }

    こちらのように
    文字色を白色にしたいと思います。

    https://www.denisfranchi.com/avik/services/

    こちらのサイトの
    service1、2、3、4や、
    our patnerのように画像を
    クリック表示させるには
    どのような設定を
    すれば良いでしょうか?

    また、最近投稿した
    白滝と胡瓜の中華風サラダを
    はじめに表示させなくするには
    どうすれば良いでしょうか?

    御回答どうぞ宜しくお願い申し上げます。

    DRILL LANCER

    (@rickaddison7634)

    色の指定は#fffのように3桁か#ffffffのように6桁で指定する必要があります。

    #avikservices {
    	color: #ffffff;
    }
    
    #avikservices i {
    	color: #ffffff;
    }

    また、最近投稿した白滝と胡瓜の中華風サラダをはじめに表示させなくするにはどうすれば良いでしょうか?

    それは下記コードで削除できます。

    .avik-who-we-are {
        display: none;
    }

    ついでに、回転する苺の写真の部分の削除方法も書いておきます。
    (文字が裏に表示されるので見ずらいため一応)

    .avik-custom-logo-header {
    	display:none;
    }

    こちらのサイトのservice1、2、3、4や、our patnerのように画像をクリック表示させるにはどのような設定をすれば良いでしょうか?

    私はこのテーマを入手していないのでこの質問にはお答えできません。ご了承ください。

    • この返信は4年、 2ヶ月前にDRILL LANCERが編集しました。
    トピック投稿者 NOEL

    (@hiromiweb)

    返信ありがとうございます。
    ヘッダー文字は白色に変更できました。
    ありがとうございます。

    ヘッダー色の白色は、
    投稿をクリックすると
    ヘッダーの白色は出てしまいますね。
    これは透明に変更できませんか?

    また下にある黄緑色の小さい矢印も
    白色に変更する方法を教えて下さい。

    白色のヘッダー文字を中央に配列するには
    どうすれば良いでしょうか?

    どうぞ宜しくお願いします。

    トピック投稿者 NOEL

    (@hiromiweb)

    また現在のカテゴリーですが、
    デフォルトの未分類(
    現在は未分類をBLOGに名前変更)
    にチェックを入れないと
    なぜか投稿が表示されません。

    なので現在はBLOGとRECIPE両方に
    チェックを入れて表示させてる状況です。

    普通にカテゴリーは、
    RECIPEだけにチェック入れて
    投稿、表示させる方法を教えて下さい。

    DRILL LANCER

    (@rickaddison7634)

    ヘッダー色の白色は、投稿をクリックするとヘッダーの白色は出てしまいますね。これは透明に変更できませんか?

    透明にすると上部に不自然な空白ができるので非表示にしました。

    .navbar {
    	display: none;
    }

    また下にある黄緑色の小さい矢印も白色に変更する方法を教えて下さい。

    下記CSSコードで変更可能です。

    .down-video a {
        color: #ffffff;
    }

    白色のヘッダー文字を中央に配列するにはどうすれば良いでしょうか?

    左の余白を大きくすることで対応してみました。

    .text-image-static {
        padding-left: 18em;
    }
    DRILL LANCER

    (@rickaddison7634)

    いままでやりとりをさせていただきましたが、どうやらテーマの機能や意図を熟知していない状態でサイトを構築しようとしているように見受けられました。

    とりあえず、Local by Flywheel 等で WordPress のローカル環境を構築し、テストデータをインポートしたうえで、外観 > カスタマイズ および 外観 > メニュー を一通り触ってみてからサイトを構築することをオススメします。

    というわけで私はこのトピックから引かせていただきます。

    P.S.
    1つのトピックでは1つの相談事のみを書くようにしてください。
    その方が後から見る人のためになると思います。

15件の返信を表示中 - 1 - 15件目 (全16件中)
  • トピック「ヘッダー動画の文字色変更方法について」には新たに返信することはできません。