[DRILL LANCER]

とりあえず、下記を試してみてください。

• キャッシュプラグインを使用している場合はそのキャッシュを削除
• CDNを使用している場合はそのキャッシュを削除
• ブラウザキャッシュを削除

[DRILL LANCER]

カラムブロックの各カラムの幅や高さについては Lightning 側では特に関与していないようです。
wp-includes/css/dist/block-library/style.min.cssで定義されています。
Vektor Inc. 固有の問題以外にあたるので、WordPress 公式フォーラムの方に相談してみてください。

[DRILL LANCER]

Lightning / Lightning Pro は Bootstrap ベースを謳いつつもところどころに無力化している面があります。
今回のケースもそれに該当します。
今回の場合は下記 CSS コードを追記することで解決可能に思われます。

.table.table-sm td,
.table.table-sm th {
    padding: .3rem;
}

[DRILL LANCER]

自分も IE 11 で試してみたところ下記で解決できました。

OS：Windows 10 Pro 1909
IE のバージョン：11.5353.13862.0
IE の更新バージョン：11.0.165

@media (min-width: 992px) {
	/*IE対応用*/
	.siteHeadContainer.container {
		max-width: none;
	}
	/*ロゴ画像の大きさを拡大*/
	.navbar-brand img {
	    max-height: 100px;
	}
	/*お問い合わせエリアを上下中央に配置*/
	.siteHeader_sub {
		float:none;
	}
	.siteHeadContainer.container .navbar-header {
		display:flex;
		justify-content:space-between;
		align-items: center;
	}
}

[DRILL LANCER]

前回投稿したものに Autoprefixer を使用してベンダープリフィックスを付加したものを書いてみました。
IE 11 ではどうやら特殊なベンダープリフィックスを必要としているみたいです。

/*ロゴの大きさを変更*/
@media (min-width: 992px) {
	.navbar-brand img {
	    max-height: 100px;
	}
}

/*お問い合わせエリアを上下中央に配置*/
.siteHeader_sub {
	float:none;
}
.siteHeadContainer.container .navbar-header {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

[DRILL LANCER]

下記をベースに変更すれば OK だと思われます。

@media (min-width: 992px) {
	/*通常*/
	.gMenu_outer {
	    border-top-color: #337ab7;
	    background-color: #f9f9f9;
	}
	ul.gMenu li {
    background-color: #f9f9f9;
	}
	ul.gMenu li a {
    	color: #333;
	}
	/*カレントアイテム*/
	ul.gMenu>li.current-menu-ancestor,
	ul.gMenu>li.current-menu-item,
	ul.gMenu>li.current-menu-parent,
	ul.gMenu>li.current-post-ancestor,
	ul.gMenu>li.current_page_ancestor,
	ul.gMenu>li.current_page_item,
	ul.gMenu>li.current_page_parent,
	ul.gMenu>li:hover {
	    background-color: rgba(0,0,0,.02);
	}
}

[DRILL LANCER]

とりあえず、下記を実行してみてください。

• テーマとプラグインを更新してみる
  ↑ インポート直後は古いバージョンがインストールされています。
  ↑ 最新版ならその不具合は起こらないと思います。
• 外観 > カスタマイズ > Lightning デザイン設定 から Origin II を選択してみる
  ↑ Origin 等 Bootstrap 3 ベースのスキン ( II シリーズ以外 )は今後 非推奨 → 廃止 になる可能性があります。

• この返信は4年、 9ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

Lightning Skin JPNSTYLE にはスクロールに合わせて透過率を変更する JavaScript が導入されていないようなので現状は不可能のように思えます。

[DRILL LANCER]

スキンは Fort / Fort II / Pale / Pale II のいずれかだと思われますが、それ以上はわからなかったので、
とりあえず、 Fort II を対象にした CSS のコードを記載しています。この場合、添付画像のように変化します。

/*ロゴの大きさを変更*/
@media (min-width: 992px) {
	.navbar-brand img {
	    max-height: 100px;
	}
}

/*お問い合わせエリアを上下中央に配置*/
.siteHeader_sub {
	float:none;
}
.siteHeadContainer.container .navbar-header {
	display:flex;
	justify-content:space-between;
	align-items: center;
}

Attachments:

You must be logged in to view attached files.

[DRILL LANCER]

Lightning Advanced Slider は BS4 版では Slide と Fade に機能が制限されるようですが、スワイプ目的で使用する分には問題ないように思われます。

[DRILL LANCER]

画像の提供ありがとうございます。
スライドショーの下線を削除したいということなので、
下記を CSS を適用することで削除可能です。

.carousel {
	border-bottom:none;
}

P.S.
「マイアカウント」から入手可能な「Lightning Advanced Slider」を使用することでも削除は可能です。
おまけに、スワイプも可能になるのでこちらの利用も検討してみると良いかもしれません。

[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;
}

[投稿者]

投稿