採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマRUMBLE:テーブルタグの表示を調整する方法

Q.テーブルタグで設定しているメニューの表示を横幅一杯に調整したいのですが、方法はありますか?

A.該当ファイルをカスタムCSSに追加してください

外観>TCDテーマオプション>基本設定
にございます「カスタムCSS」にて、

下記内容のように、
left_colの幅をご調整頂くことや、表のみの幅調整を行われることで可能です。

#left_col {
    width: 100%;
}

または

.post_content table {
    width: 99vw !important;
    margin-left: -257px;
}

お好みの値へご調整くださいませ。

その他の箇所をご変更されたい場合は、
該当箇所の要素を指定頂きまして、
設定内容をご記述くださいませ。

どのようなID名、クラス名が使用されているかご確認頂く方法としては、
ブラウザに搭載されております「開発者モード」という機能をご使用頂きましたら、
簡単にご確認頂けるかと思います。
インスペクターの横にございますボタンが便利です。
詳しくは下記の記事が参考になると思いますので、ご確認の上、お試しくださいませ。

デベロッパーツール(Chrome)の初心者向け基本操作解説

また、CSSの記述方法や内容につきましては、
下記記事がご参考になると思われますので、ご覧くださいませ。

CSSのセレクタとは?覚えておきたい25種類と書き方


https://techacademy.jp/magazine/4872
http://honttoni.blog74.fc2.com/?tag=CSS3

カスタマイズにつきましてはサポート対象外となりますため、
万が一不具合が生じました場合、弊社では責任を負う事ができかねます。
何卒ご了承下さいませ。カスタマイズに関しましては必ずバックアップを
ご用意の上、恐縮ながらお客様の責任において実施して頂きますようお願い申し上げます。

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

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

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