2017-02-01 23 views
0

私はWordPressで、ヒューマンというテーマを使ってウェブサイトを作っています。私はサイト全体をフルスクリーンで撮って、横にあるボーダーを取り除きたい(私は写真で見せる)。 これを編集する場所が見つかりません。WordPressのカスタムテーマのHTML/CSS

enter image description here

私は国境1と2を削除し、他のブラウザ/デバイス上で、それはフルスクリーンで応答性にする必要があります。

+0

あなたのテンプレートdo not'tはこれを行うには任意のオプションがありますか?ほとんどのテンプレートにこのオプションがあります。 –

+0

待ち時間、そのオプションはどこですか?私はテーマのフォルダを調べ、.cssファイルを編集しようとしました。しかし、私はhtml/cssになると初心者です。私はインターネットからいくつかのコードを貼り付けるコピーを試みましたが、何も助けませんでした。 – MatticeL

+0

オプションをお持ちでない場合は、サイトのリンクを表示する方が良いでしょう。そうしないと、表示方法がわかりにくいからです。 –

答えて

0

あなたはカスタムCSSとしてこれを追加することによって、これを達成することができます(テストされ、ちょうど今の最新heumanバージョンを確認)

.wrapper, 
.container, 
.container-inner { 
    max-width: 100% !important; 
    width: 100% !important; 
} 

注: は好ましく作り、元のテーマファイルに変更を加えないでください。子供のテーマや他のカスタムCSSオプションを使用

+0

こんにちは。助けてくれてありがとう。これは私の問題を完全には解決しませんでしたが、画面の右側にバグがあるようでした。私はこれを修正することができましたが、より良い理解のために写真でコメントを追加します – MatticeL

+0

ここにあなたのソリューションが私に与えたものの写真があります: https://gyazo.com/4dd98b66ca614bb944ae9c38bb2e0306 これは私が探していたものです。 https://gyazo.com/1d366f4f530aa07ebdf839ff6677fd9c 私はmain.minにcssファイルに入り、container.innerに行き、max-widthを削除することでこれを行いました。 あなたのソリューションにも、ありがとうございます! – MatticeL

+0

main.cssを編集しない方がいいですよ、あなたのサイトにリンクを張って、私がより良い提案をすることができるようにしてください。また、upvote&正しい答えを選択してください:) –

-1

コメントのとおり、コードを変更せずに外観を編集する機能は、ほとんどのテーマ(主にフリーではないテーマ)にあります。テーマによっては、左のコントロールパネルにUIをインストールして、独自の名前で「オプション」(たとえば「[myThemeName] options」など)を追加します。 cssファイル内の何かを変更する前に確認してください。

オプションメニューがない場合は、ロードするPHPファイルの構造を確認する必要があります。ほとんどの場合、最初のdivインスタンスの1つでなければならない "コンテナ" -divのようなsthが見つかります。そのdivのid/classを取得し、その幅を100%にしてCSSファイルにルールを追加します。新しいルールを追加する前に、まずこのdivのsthを宣言するルールが存在するかどうかを確認します。

あなたを助けた希望!

+0

あなたはこのテーマにバックエンドでボックスレイアウトを無効にするオプションがあると言っています。 –

+0

正しい。それで私の答えはなぜ落としたのですか? – monochrom

+0

この機能/テーマを知らない人がいる可能性があります。 –

関連する問題