この箇所では、動画の縦幅100%表示に合わせて横幅が可変する仕様となっており、表示するウィンドウサイズによっては動画の左右に黒い背景が見えます。
▼変更箇所イメージ
外観＞TCDテーマオプション＞基本設定のカスタムCSSに入力
.p-hero-header__content-video video{ height: 100%; width: 100%; object-fit: cover; }
補足）
・IE11は「object-fit: cover;」に対応していないため、上記内容が反映されません。
・YouTubeの全体表示には対応しておりません。
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！
Q.TCDテーマ＞フッター＞フッター固定広告のボタンをクリックしたら電話ができるようにしたいです。※該当箇所はボタンクリック後のURLを記載する箇所ですが、電話番号と紐付けることも可能です。▼変更箇所イメージA.下記の方法でご対応ください。TCDテーマ＞フッター＞フッター
Q.ページヘッダー画像なしで固定ページを作成できますか？A.カスタムCSSにて下記ファイルを追加下さい。ヘッダーを非表示にしたい固定ページの編集画面の下部にあります、カスタムCSS項目に以下のコードを記述してください。[css]header.p-page-header {
Q.質問内容カスタム投稿タイプ「ニュース」の詳細ページですが、固定ページの様に「サイドバーなし」で表示させることは可能でしょうか。A.今回はカスタムCSSで簡単に対応する方法をご案内します。管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部
Q.トップページの<title>を任意のものに変更したいです。通常、トップページのtitleタグは 設定＞一般 での入力内容が下記のように反映されます。<title>サイトのタイトル - キャッチフレーズ</title>A.下記の方法でカスタマイズして
Q.プランリストをスマートフォンで見た時の文字の色を変えることは出来ますか？A.下記の方法でカスタマイズください。TCDテーマオプション>基本設定＞カスタムCSSに下記内容をご記入ください。[php]@media screen and (max-width: 700px)
Q.トップページのヒーローヘッダーですが、スマホ閲覧時でも設定した画像に合わせて横長に表示したいのですが、変更することは可能ですか。▼変更箇所イメージA.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめく
