メディアとテキスト「モバイルでは縦に並べる」について

  • 解決済 syntaro

    (@syntarou)


    1年、 9ヶ月前

    こんにちは。いつもお世話になっております。

    メディアとテキストにおいて、「モバイルでは縦に並べる」をオンにしています。

    その場合、画面の幅で、モバイルかどうか判定されていると思います。

    具体的な数字はどこを見ればわかるでしょうか。

    834px以下の説と、1024px以下の説があるようです。

    マジックナンバーに対応する、同値を用いたいです。

    やりたいことは、メディアとテキスト、１つめに画像とインライン画像。

    ２つめに、画像と文字をいれたいのですが、

    この１つめと２つめの間の隙間を、消去したいのです。

    一般的に、アクセスできる変数や関数はございますか？

    ご存じの方がいらっしゃいましたら、僕にも教えていただけないでしょうか。

    テーマには、Cocoon（現時点最新）を用いています。

    プラグインとテーマで、整合性をとりたいです。

    • このトピックはsyntaroが1年、 9ヶ月前に変更しました。
    • このトピックはsyntaroが1年、 9ヶ月前に変更しました。
1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック投稿者 syntaro

    (@syntarou)

    1年、 9ヶ月前

    質問した吉田です。

    こんにちは。

    画面の幅がわからなくても、上部の、メディアとテキスト（画像ｘ２）を、下にずらすことで対応しました。（クラス名 whitecat-text-noneborderを付与して、CSSを定義しました。）

    下部の、メディアとテキスト（画像＋テキスト）と同じスタイルを、contentとmediaに付与しています。

    またよろしくお願いします。

    
.whitecat-text-noneborder .wp-block-media-text__media {
	padding: 9px;
}

.whitecat-text-noneborder .wp-block-media-text__content {
	padding: 9px;
	margin: 0;
	display: block;
	z-index: 20;
}

.whitecat-text-noneborder {
	/* 画像　画像　画像　文字の、２・３の間をうめるため、画像１２を下げる */
	transform: translate(0, 29px);
}
1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「メディアとテキスト「モバイルでは縦に並べる」について」には新たに返信することはできません。