個性あふれるトップページや記事デザインで「読まれるメディア」をつくるWordPressテーマ「VOYAGE」
ワードプレステーマ別

TCDテーマBeyond：お知らせ詳細ページを1カラムで表示する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.お知らせ詳細ページを1カラムにするにはどうすれば良いですか？

▼変更前イメージ

A.TCDテーマオプション＞基本設定＞カスタムCSSに以下を記述してください。

@media screen and (min-width:768px){
.single-news #main_contents {
    justify-content: center;
}
.single-news #main_col {
    width: 900px;
}
.single-news #side_col, .single-news #main_contents:before {
    display: none;
}
}

コンテンツ幅を調整する場合は、900の値を調整してください。

▼変更後イメージ

この記事は役に立ちましたか？

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！

TCDテーマSOURCE：トップページ「4点ボックスコンテンツ」の円形トリミングをなくす方法 前の記事

同じテーマのカスタマイズ記事

  • Beyond (TCD094)

TCDテーマBeyond：「実績」の数値でカンマ区切りをなくす方法

Q.「実績」に入力した数値が「1,000」のように3桁カンマ区切りになるのをなくしたい、入力した数字をそのまま表示させたいです。Beyondでは以下の箇所で「実績」コンテンツを表示できます。（各リンクから実際の表示を確認できます。） トップページ（ヘッダーコンテンツ・バナーコンテンツ・

RM
  • Beyond (TCD094)

TCDテーマBeyond：企業情報の見出しで「’」を使用する方法

Q.テーマオプション基本設定内の「企業情報」の見出しで「'」（シングルクオーテーション）を使用したいのですが、公開画面でうまく表示出来ません。この箇所ではセキュリティ対策の一つとしてエスケープ処理を施しております。そのため、一部の記号は公開画面で管理画面と同じ表示がされなくなります。&nbs

RM
  • Beyond (TCD094)

TCDテーマBeyond：トップページ「導入事例一覧」の背景色を変更する方法

Q.トップページコンテンツビルダーの「導入事例一覧」の背景色を変更したい。フリースペースは任意に背景色を設定出来ますが、導入事例一覧ではテーマ側で背景色が設定されています。▼変更箇所イメージ　　　→BeyondデモサイトA.下記の方法でご対応ください。TCDテーマ＞基本設

RM
  • Beyond (TCD094)

TCDテーマBeyond：トップページヘッダーコンテンツのラウンド部分に背景色を設定する方法

Q.トップページのヘッダーコンテンツ下に背景色があるコンテンツを表示させています。そうすると、ヘッダーコンテンツの下部分のデザインの背景色が浮いてしまいます。コンテンツビルダーで背景色を設定したフリースペースなどを設定した際に、ヘッダーコンテンツ下部のラウンドデザインの背景色を変更したい場合があ

RM
  • Beyond (TCD094)

TCDテーマBeyond：グローバルメニューの親項目ホバー時・子項目の背景色と文字色を変更する方法

Q.ヘッダー内「ドロップダウンメニュー」の背景色とフォントカラーは変更できますか？この記事では、メニュー項目ホバー時の背景色・文字色、およびドロップダウン・メガメニューB（サービス一覧）・メガメニューC（導入事例一覧）の背景色と文字色の変更方法をご案内します。▼変更箇所イメー

RM