[DRILL LANCER]

下記 CSS を適用すれば、.gMenu_outerを全幅にしつつ、色を変更することができます。
ただし、ブレイクポイントをカスタマイズしている場合は一部変更する必要があります。

@media (min-width: 992px) {
	.container.siteHeadContainer {
		max-width: unset;
	}
	.gMenu_outer {
	    background-color: #fff;
	}
}

[DRILL LANCER]

私も PR Content ブロック の画像の代替テキストが alt="画像をアップロード" になる現象が発生しました。
コードエディタから無理やり変更しようとすると今度はブロックが壊れてしまいました。

[DRILL LANCER]

Lightning Skin Fort II を適用したという前提で回答しますと下記のようになります。

/* 質問１ メニューの背景色の変更 */
@media (min-width: 992px){
	ul.gMenu li,
	.gMenu_outer{
	    background-color: #ffffff;
	}
}

/* 質問２ ページヘッダー画像の下線の消去 */
.page-header {
	border-bottom: none;
}

[DRILL LANCER]

スマホの場合の部分の}が1個足りないのが原因と思われます。
それ以外に効かない原因はなさそうな気がします。

/* スマホの場合 */
@media screen and (max-width:667px) {

	/* スマホでは説明文を全幅に */
	.slide-text-set > div.container {
		margin-left:0%;
		width:100%;
		/* スライドの下からの位置で配置 */
		position:absolute;
		bottom:0px;
	　　font-size: 80%;
	}

}

/* PC の場合 */
.slide-text-title,
.slide-text-caption {
	text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #f00 !important;
	font-size:20px;
}

h3.slide-text-title {
	margin-left:0%;
	width:70%;
	font-size:34px;
}

[DRILL LANCER]

最上段 ( ヘッダートップ ) 全体の話ならば下記で可能です。

@media (min-width: 992px) {
	.headerTop {
		color: #666;
		background-color: #f9f9f9;
	}
}

メニュー内の項目を一括で指定したい場合は下記を指定してあげれば良いでしょう。

@media (min-width: 992px) {
	.headerTop ul > li {
		color: #666;
		background-color: #f9f9f9;
	}
}

後は下記記事を参考に微調整すれば良いでしょう。

全てのWordPressテーマで使える！デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

[DRILL LANCER]

私は画像の位置にカーソルを持っていったら編集できました。

Attachments:

You must be logged in to view attached files.

[DRILL LANCER]

下記 CSS を参考に改変すると良いでしょう。

.siteFooter{
	background-color: #e5e5e5;
}

参考サイト：

全てのWordPressテーマで使える！デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

[DRILL LANCER]

画面の端まで色を変えるには、ロゴやお問い合わせの部分（上記画像の薄い黄色の部分）も同時に変更する必要が出てきます。

[DRILL LANCER]

何らかのプロセスが該当ファイルをロックしているのが原因と思われます。
該当ファイルをロックしているプロセスを終了するなり、PCを再起動したりすれば解消すると思われます。

[DRILL LANCER]

使用されているスキンは下記のいずれかですか？
そうでない場合は 外観 > カスタマイズ > Lightning デザイン設定 の デザインスキン から下記のいずれかのスキンを選択してください。

• Origin II
• Fort II
• Pale II
• Variety II

[DRILL LANCER]

ヘッダーの色分け可能な区分を画像にしてみました。
このような区分でもOKなら 下記コードをベースにすることで可能でしょう。

@media (min-width: 992px) {
	.gMenu_outer {
	    background-color: #fff;
	}
}

Attachments:

You must be logged in to view attached files.

[DRILL LANCER]

#widget-page-16の数字の部分は開発者ツールでそのウィジェットを検証すると得られます。
という点なんですが、具体的にはどうすればいいのでしょうか??

下記記事の「CSSカスタマイズで文字サイズや色などを変更する」の部分をを熟読すれば自ずとつかめると思います。

これだけは押さえておきたい！WordPress運用記事特集

[DRILL LANCER]

アウターが全幅の場合については効かないので忘れてください。
なので、実現方法としては下記のようになります。

1. アウター幅が標準のアウターブロックを作成
2. 下記コードのいずれかを適用

全体に反映する場合

.vk_outer.vk_outer-width-normal {
	margin-left: -15px;
	margin-right: -15px;
}

@media (min-width: 768px) {
	.vk_outer.vk_outer-width-normal {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media (min-width: 992px) {
	.vk_outer.vk_outer-width-normal {
		margin-left: -30px;
		margin-right: -30px;
	}
}

@media (min-width: 1200px) {
	.vk_outer.vk_outer-width-normal {
		margin-left: -40px;
		margin-right: -40px;
	}
}

VK 固定ページ本文ウィジェット で設定した特定のページのみに反映したい場合

#widget-page-16 .vk_outer.vk_outer-width-normal {
	margin-left: -15px;
	margin-right: -15px;
}

@media (min-width: 768px) {
	#widget-page-16 .vk_outer.vk_outer-width-normal {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media (min-width: 992px) {
	#widget-page-16 .vk_outer.vk_outer-width-normal {
		margin-left: -30px;
		margin-right: -30px;
	}
}

@media (min-width: 1200px) {
	#widget-page-16 .vk_outer.vk_outer-width-normal {
		margin-left: -40px;
		margin-right: -40px;
	}
}

#widget-page-16の数字の部分は開発者ツールでそのウィジェットを検証すると得られます。

[DRILL LANCER]

全てのページで実現したい場合は下記コードを 外観 > カスタマイズ > 追加CSS 等に記述することで実現可能です。

アウター幅が標準の場合に反映したい場合

.vk_outer.vk_outer-width-normal {
	margin-left: -15px;
	margin-right: -15px;
}

@media (min-width: 768px) {
	.vk_outer.vk_outer-width-normal {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media (min-width: 992px) {
	.vk_outer.vk_outer-width-normal {
		margin-left: -30px;
		margin-right: -30px;
	}
}

@media (min-width: 1200px) {
	.vk_outer.vk_outer-width-normal {
		margin-left: -40px;
		margin-right: -40px;
	}
}

アウター幅が全幅の場合に反映したい場合

.vk_outer.vk_outer-width-full {
	margin-left: -15px;
	margin-right: -15px;
}

@media (min-width: 768px) {
	.vk_outer.vk_outer-width-full {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media (min-width: 992px) {
	.vk_outer.vk_outer-width-full {
		margin-left: -30px;
		margin-right: -30px;
	}
}

@media (min-width: 1200px) {
	.vk_outer.vk_outer-width-full {
		margin-left: -40px;
		margin-right: -40px;
	}
}

P.S.
VK 固定ページ本文ウィジェット で設定した特定のページのみに反映したい場合は

#widget-page-16 .vk_outer.vk_outer-width-normal {
	margin-left: -15px;
	margin-right: -15px;
}

@media (min-width: 768px) {
	#widget-page-16 .vk_outer.vk_outer-width-normal {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media (min-width: 992px) {
	#widget-page-16 .vk_outer.vk_outer-width-normal {
		margin-left: -30px;
		margin-right: -30px;
	}
}

@media (min-width: 1200px) {
	#widget-page-16 .vk_outer.vk_outer-width-normal {
		margin-left: -40px;
		margin-right: -40px;
	}
}

とか

#widget-page-16 .vk_outer.vk_outer-width-full {
	margin-left: -15px;
	margin-right: -15px;
}

@media (min-width: 768px) {
	#widget-page-16 .vk_outer.vk_outer-width-full {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media (min-width: 992px) {
	#widget-page-16 .vk_outer.vk_outer-width-full {
		margin-left: -30px;
		margin-right: -30px;
	}
}

@media (min-width: 1200px) {
	#widget-page-16 .vk_outer.vk_outer-width-full {
		margin-left: -40px;
		margin-right: -40px;
	}
}

とかになります。
#widget-page-16の数字の部分は開発者ツールでそのウィジェットを検証すると得られます。

[DRILL LANCER]

現在 Lightning Skin Variety の Ver. 4.0.5 を使用しているようですね。
なので下記を試してみてください。

1. Lightning Skin Variety を最新版 ( 5.0.0 ) に更新
2. 外観 ＞ カスタマイズ ＞ Lightning デザイン設定 にてデザインスキンを Variety II ( Bootstrap 4 ) に変更
3. 一旦ログアウトしてログインし直してみる ( 解消される場合があるかも )

[投稿者]

投稿